jqGrid - 在工具栏下拉列表中添加复选框

Question

我正在尝试在jqGrid工具栏的下拉列表中添加复选框，但我无法弄清楚如何执行此操作。我有一个多选框，工作正常，但我想用复选框替换它，这将在下拉列表中显示。

我的代码是

{
    name: 'Status',
    index: 'account.status',
    searchoptions: {
        sopt: ['eq'],
        value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification",
        multiple: true
    },
    stype: 'select'
}

  

jqGrid js版本5.1.1

我还附上了截图，以便更好地理解。

这就是我所拥有的

这就是我需要的

任何建议对我都非常有帮助。

提前致谢。

Answer 1

  

您可以使用ui.multiselect按钮来实现下拉列表。

包含这2个文件

<link rel="stylesheet" type="text/css" href="path/to/your/ui.multiselect.css" />
<script src="path/to/your/jquery-ui.min.js" type="text/javascript"></script>

然后尝试此代码。

{
name: 'Status',
 index: 'account.status',
 stype: 'select',
 searchoptions: {
  sopt: ['eq'],
  value: ":All;0:Pending;1:Warming;2:Running;3:Dead;4:ID Verification",
  multiple: true,
  dataInit: function(e){
  $(e).multiselect({
  minWidth: 120,
   selectedList: 2,
   noneSelectedText: "Any"
  });
  }
 }
}