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 version 5.1.1

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

这是我的

这就是我需要的

任何建议都会对我很有帮助。

提前致谢。

Answer 1

You can achieve dropdown with checkbox by using 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"
  });
  }
 }
}

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

jqGrid - add Checkbox in toolbar dropdown

checkbox

jquery

jqgrid-php