使用 optgroup 时 select2 不会自动选择

Question

我在 jqgrid 中使用 select2。 有些东西不能正常工作，这些是我编辑一行时的情况。

没有OPTGROUP

1. 不带 optgroup 的标准选择（无 select2）：选择将显示所选项目（我正在编辑的项目）
2. select2 without optgroup：select 将显示所选项目（我正在编辑的项目）

与 OPTGROUP

1. 带有 optgroup 的标准选择（无 select2）：选择将显示所选项目（我正在编辑的项目）
2. 带有 optgroup 的 select2：select 不会显示所选项目（我正在编辑的项目），但当我打开它时，我会聚焦所选项目。

如您所见，#2 有效，我的问题是#4。是错误还是我遗漏了什么？

谢谢你， 洛伦佐

Answer 1

不确定您搜索的是什么，但导航行时的问题是described here

在您的情况下，我已经测试并且以下代码有效：

$('#grid'). jqGrid('navGrid', pager, {params},
...
  {  // edit params
     { afterclickPgButtons : function(button, form, id ) { 
        $("#name").trigger('change.select2');
     },...
  }
);

注意上面链接的不同之处。

更新

为了解决这个问题，您需要在 dataInit 函数中使用 setTimeout。尝试以下设置之一：

{
      name: "name",
      index: "name",
      autosize: true,
      searchoptions:{clearSearch:false},
      width:200,
      editable:true,          
      edittype: 'select', 
      editoptions: {         
        // Simulo la risposta di una chiamata
        // Per funzionare deve esistere più sotto 
        // ajaxSelectOptions
        dataUrl:'/echo/html/',
        postData: {
                      html: serverResponce
                  }, 
        //            
        dataInit: function(element) { 
        setTimeout(function(){
              $(element).select2({
                allowClear: false,
                // Imposto il tema bootstrap
                theme: "bootstrap4",
                dropdownAutoWidth : true,
                        width: 'auto',                  
                placeholder: 'Search...'
              });
          }, 500);
            }
      }
   }

我希望有一个带有 optgroup 的演示