2012-03-27 10 views
3

こんにちは私は編集のためのポップアップを持つjqgridを持っています。いくつかの編集可能なプロパティはselectによって編集可能です。これは選択のためのコードの例である:jqgrid編集可能なドロップダウンの幅はIE8で最小値に設定されています

それはcompatibiltyモードに設定されているときは、IE8で正常に動作
{ name: 'PaymentTypeLookupId', index: 'PaymentTypeLookupId', width: 150, align: 'center', editable: true, editrules: { required: true }, edittype: "select", editoptions: { dataUrl: '/Invoice/GetPayments/', 
        buildSelect: function (data) { 
         var response = jQuery.parseJSON(data); 

         var s = '<select>'; 

         if (response.rows && response.rows.length) { 
          for (var i = 0, l = response.rows.length; i < l; i++) { 
           var ri = response.rows[i]; 
           s += '<option value="' + ri.Id + '">' + ri.Name + '</option>'; 
          } 
         } 
         return s + "</select>"; 
        } 
       } 

。しかし、このオプションを選択するには、それをクリックするまで、互換モードのドロップダウンは本当に小さな幅が設定されている、それは良い大きさに自分自身を設定していないとき:

enter image description here

支払いタイプ]ドロップダウンが実際にそれでアイテムを持っていますそれをクリックするまで、幅は示されている通りです。

これについての修正プログラムはありますか?

+0

を参照してください?問題はいくつかの古いバージョンにありましたが、今修正する必要があります。 – Oleg

+0

4.1.1このバージョンは古すぎますか? – AnonyMouse

+0

はまだ4.3.1に更新されています。 – AnonyMouse

答えて

2

あなたが説明した問題を再現しようとしましたが、成功しませんでした。 The demo私は明示的にjqGrid 4.1.1フォームの編集ダイアログを問題なく使用しました。

問題を再現するために使用できるデモを用意する必要があります。回避策としては、明示的に選択するのwidthを設定することができます。

{ name: 'PaymentTypeLookupId', ... 
    editoptions: { 
     dataUrl: '/Invoice/GetPayments/', 
     buildSelect: function (data) { 
      ... 
     }, 
     style: "width: 150px" 
    }} 

は、使用するバージョンをjqGrid the demo

関連する問題