在jqGrid中使用jQuery UI Multiselect

Question

我正在尝试使用jQuery插件UI Multiselect。 UI Multiselect的调用通过$(".multiselect").multiselect(); 问题是这个调用应放在jqgrid配置中的哪个位置？这应该在OnSelectRow中完成吗？目前我在OnSelectRow中有以下调用/定义：

    function (rowid) {
       grid.setColProp('available_film_id',{
       editoptions:{
       dataInit:function (el){$(el).addClass('multiselect')},
       size:5,
       multiple:true,
       dataUrl:'/ajax/selectlist/?q=getSelected&value='+rowid}});
    }
}

Answer 1

我不确定，但我想你会在这里引用answer by Byron来得到答案。

如果您需要更多演示，可以查看here

Answer 2

您可以在mutliselect功能中致电dataInit：

dataInit: function (el) { setTimeout(function () { $(el).multiselect(); }, 50); }

创建元素时将调用该函数。

<强>更新

当前版本的 Multiselect 插件似乎需要DOM中元素的位置。在将元素插入DOM之前引发此事件，因此需要使用setTimeout函数来完成所需的操作。