内联编辑时如何使用 select 中的搜索框键入 jqgrid

Question

15.1 我在 jqGrid 中使用 select。我需要能够搜索 select 。这个演示： https://jsfiddle.net/dnfk8hmr/95/

colModel: [
    { name: "act", template: "actions" },
    { name: "id", width: 50 },
    { name: "PackageCode", width: 110 , editable: true },
    { name: "Name", width: 200, editable: true },
    { name: "d", width: 100, editable: true ,edittype: 'select',
      editoptions: { value: 'FE:FedEx;TN:TNT;IN:Intim;FE2:FedEx2;TN2:TNT2;IN2:Intim2'}
    },
],

我想使用 dataInit:function(el){} jqGrid

Answer 1

首先，您在输入数据中使用 d:"FE" 和 editoptions: { value: 'FE:FedEx;TN:TNT;IN:Intim;FE2:FedEx2;TN2:TNT2;IN2:Intim2' }。那么您可能希望将 "FE" 显示为 "FedEx"。因此你必须添加 formatter: "select".

关于搜索的问题。默认情况下，过滤器工具栏对所有字段使用输入元素。如果您需要使用其他类型的搜索，那么您应该添加 stype 和 searchoptions，它们描述了所有搜索属性

例如修改后的演示https://jsfiddle.net/dnfk8hmr/97/使用

{
    name: "d", width: 100, editable: true,
    formatter: "select",
    edittype: 'select',
    editoptions: {
        value: 'FE:FedEx;TN:TNT;IN:Intim;FE2:FedEx2;TN2:TNT2;IN2:Intim2'
    },
    stype: 'select',
    searchoptions: {
        sopt: ["eq", "ne"],
        noFilterText: "Any"
    }
}

Answer 2

我想要能够搜索组合框。这个解决方案

   dataInit: function (domElem) {
            $(domElem).addClass("js-example-basic-single");
           $('.js-example-basic-single').select2();
                                    }

please see demo

内联编辑时如何使用 select 中的搜索框键入 jqgrid

how use serach box in select type jqgrid when edit inline

jquery

jqgrid

free-jqgrid