Ширина редактируемого раскрывающегося списка jqgrid установлена ​​на минимальное значение в IE8

Question

Привет, у меня есть jqgrid с всплывающим окном для редактирования.Несколько редактируемых свойств доступны для редактирования с помощью выбора.Это пример кода для одного из вариантов выбора:

{ 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>";
                  }
              }

Это отлично работает в IE8, когда он установлен в режим совместимости.Однако, когда не в режиме совместимости, раскрывающийся список имеет действительно небольшую ширину, установленную до тех пор, пока вы не нажмете на него, чтобы выбрать опцию, и он установит себе подходящий размер:

Тип платежаВ выпадающем меню есть элементы, но пока вы не нажмете на него, ширина будет такой, как показано.

Кто-нибудь знает, как это исправить?

Answer 1

Я пытался воспроизвести проблему, которую вы описали, но безуспешно. Демонстрация , в которой я явно использовал jqGrid 4.1.1. Заполните диалог редактирования формы без проблем.

Вы должны подготовить демо, которое можно использовать для воспроизведения вашей проблемы. В качестве обходного пути вы можете явно указать width для выбора:

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

см. демо