jqgrid 5.0 search 参数作用

时间: 2023-10-08 15:14:42 浏览: 57
在 jqGrid 5.0 中,search 参数仍然用于控制搜索功能是否启用。与 jqGrid 4.x 不同的是,search 参数现在默认值为 true,即搜索功能默认启用。 在 jqGrid 5.0 中,搜索功能的参数和 jqGrid 4.x 中基本相同,包括: - postData:用于传递搜索条件的数据对象 - searchtext:搜索关键字 - searchField:搜索字段 - searchOper:搜索操作符 不同的是,在 jqGrid 5.0 中可以通过设置 searchOnEnter 参数来控制搜索操作的触发方式。如果将 searchOnEnter 参数设置为 true,则只有在用户按下 Enter 键时才会触发搜索操作。如果将 searchOnEnter 参数设置为 false(或不设置),则每次输入关键字时都会触发搜索操作。 除此之外,jqGrid 5.0 中还支持更多的搜索选项,例如: - searchOperators:用于设置搜索操作符的选项 - searchDelay:用于设置搜索延迟时间 - searchFilter:用于设置搜索过滤器 这些新的搜索选项可以帮助开发者更灵活地定制搜索功能,从而提升用户体验。
相关问题

jqgrid 5.0 jsonReader参数详情

jqGrid 是一个基于jQuery的表格插件。jsonReader 参数用于指定如何读取返回的 JSON 数据并将其呈现在 jqGrid 表格中。在 jqGrid 5.0 中,jsonReader 参数具有以下属性: 1. root: JSON 数据的根元素。默认值为 "rows"。 2. page: 当前页的页码。默认值为 "page"。 3. total: 总页数。默认值为 "total"。 4. records: 总记录数。默认值为 "records"。 5. repeatitems: 指示是否使用相同的字段名来表示每个单元格的值。默认值为 false。 6. cell: JSON 数据中表示每个单元格的元素。默认值为 "cell"。 7. id: 行的唯一标识符。默认值为 "id"。 8. userdata: 表示用户数据的元素。默认值为 "userdata"。 9. subgrid: 表示子表格数据的元素。默认值为 "subgrid"。 10. repeatitems: 指示是否使用相同的字段名来表示每个单元格的值。默认值为 false。 以上是 jqGrid 5.0 中 jsonReader 参数的属性详情。

jqgrid 5.0 重新渲染 searchoptions

要重新渲染 jqgrid 的 searchoptions,可以通过以下步骤实现: 1. 获取 jqgrid 的搜索框对象,可以通过以下代码获取: ```javascript var searchBox = $('#gridId')[0].p.search; ``` 2. 获取搜索框的参数对象,可以通过以下代码获取: ```javascript var searchOptions = searchBox.options; ``` 3. 修改搜索框的参数对象,可以通过以下代码修改: ```javascript searchOptions.multipleSearch = true; searchOptions.multipleGroup = true; searchOptions.recreateFilter = true; ``` 其中,multipleSearch 表示是否启用多条件搜索,multipleGroup 表示是否启用多条件分组搜索,recreateFilter 表示是否重新创建过滤器。 4. 重新渲染搜索框,可以通过以下代码实现: ```javascript searchBox.destroyFilter(); searchBox.createFilter(); ``` 5. 重新触发搜索,可以通过以下代码实现: ```javascript searchBox.search(); ``` 这样就可以重新渲染 jqgrid 的 searchoptions 了。

相关推荐

在 jqGrid 5.0 中,searchGrid.overlay 属性已经被废弃,取而代之的是 searchGrid.overlayOptions 属性。searchGrid.overlayOptions 属性用于设置搜索对话框中的覆盖层的样式和行为。以下是一个使用 jqGrid 5.0 中 searchGrid.overlayOptions 的示例: javascript // 创建 jqGrid 对象 $("#grid").jqGrid({ url: "data.json", mtype: "GET", datatype: "json", colModel: [ { name: "id", index: "id", width: 50 }, { name: "name", index: "name", width: 200 }, { name: "age", index: "age", width: 100 }, { name: "address", index: "address", width: 300 } ], pager: "#pager", rowNum: 10, rowList: [10, 20, 30], viewrecords: true, caption: "Example jqGrid" }); // 在搜索对话框中添加覆盖层 $("#grid").jqGrid("navGrid", "#pager", { search: true }, {}, {}, {}, { // 设置覆盖层的样式和行为 overlayOptions: { opacity: "0.5", background: "black", zIndex: "1000", top: "0px", left: "0px", width: "100%", height: $(window).height() + "px" }, // 显示覆盖层 beforeShowSearch: function () { $("#grid")[0].triggerToolbar(); $("#searchmodfbox_" + $("#grid")[0].id).css({ zIndex: 1001 }); $("#searchmodfbox_" + $("#grid")[0].id).show(); $("#searchmodfbox_" + $("#grid")[0].id).prepend($("").attr("id", "overlay").css(searchGrid.overlayOptions)); }, // 隐藏覆盖层 onClose: function () { $("#overlay").remove(); } }); 上述代码中,我们使用 searchGrid.overlayOptions 属性来设置搜索对话框中的覆盖层的样式和行为。在 beforeShowSearch 回调函数中,我们使用 jQuery 将覆盖层元素添加到搜索对话框中,并设置其样式和显示。在 onClose 回调函数中,我们移除了搜索对话框中的覆盖层。
好的,下面是一个可以优化 jqGrid 5.0 searchGrid 样式的详细代码示例: html <style> /* 调整搜索框的宽度和高度 */ .ui-search-input { width: 200px; height: 28px; } /* 调整搜索框的外边框和内边框 */ .ui-widget-content .ui-state-default .ui-corner-all { border: 1px solid #ccc; background: #fff; } .ui-widget-content .ui-state-default .ui-corner-all input, .ui-widget-content .ui-state-default .ui-corner-all select { border: none; background: transparent; } /* 使用 CSS 渐变效果 */ .ui-widget-content .ui-state-default .ui-corner-all { background: linear-gradient(to bottom, #fff 0%, #f2f2f2 100%); } /* 修改搜索框的图标 */ .ui-search-oper { background-image: url("search.png"); background-repeat: no-repeat; background-position: center center; background-color: #fff; border: none; width: 28px; height: 28px; } /* 修改搜索按钮的样式 */ .ui-search-button { background: #337ab7; border: none; color: #fff; padding: 6px 12px; font-size: 14px; cursor: pointer; } .ui-search-button:hover { background: #286090; } </style> <script> // 初始化 jqGrid $("#grid").jqGrid({ url: "data.json", datatype: "json", colModel: [ { name: "id", label: "ID", width: 50 }, { name: "name", label: "Name", width: 150 }, { name: "age", label: "Age", width: 50 } ], viewrecords: true, height: 250, rowNum: 10, pager: "#pager" }); // 添加搜索框 $("#grid").jqGrid("navGrid", "#pager", { search: true, add: false, edit: false, del: false }, {}, {}, {}, { multipleSearch: true, multipleGroup: true, showQuery: true, overlay: 0 }); </script> 以上代码中,我们通过 CSS 样式来优化了搜索框的宽度、高度、边框、背景色、图标和按钮样式等。其中,.ui-widget-content .ui-state-default .ui-corner-all 表示搜索框容器的样式,.ui-search-input 表示搜索框的样式,.ui-search-oper 表示搜索框图标的样式,.ui-search-button 表示搜索按钮的样式。 希望这个示例可以帮助到你。
jqGrid 的 searchoptions 参数用于设置搜索框的选项。searchoptions 包含以下属性: - sopt: 定义用于搜索的操作符数组。默认值是 ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']。具体含义如下: - eq: 等于 - ne: 不等于 - lt: 小于 - le: 小于或等于 - gt: 大于 - ge: 大于或等于 - bw: 以...开始 - bn: 不以...开始 - in: 包含 - ni: 不包含 - ew: 以...结束 - en: 不以...结束 - cn: 包含(大小写敏感) - nc: 不包含(大小写敏感) - dataEvents: 定义用于搜索的事件列表。默认值是 []。 - attr: 定义用于搜索的属性。默认值是 {}。 - defaultValue: 定义搜索框的默认值。默认值是 ''。 - value: 定义搜索框的值。默认值是 ''。 - dataUrl: 定义一个 URL,用于从服务器动态加载数据并填充下拉列表。默认值是 ''。 - buildSelect: 定义一个函数,用于自定义如何构建下拉列表。默认值是 null。 - multiple: 定义是否允许多选。默认值是 false。 - separator: 定义多选时的分隔符。默认值是 ','。 - sopt: 定义可用的操作符。默认值是 ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']。 - attr: 定义搜索框的属性。默认值是 {}。 - custom_value: 定义一个函数,用于自定义搜索框的值。默认值是 null。 - custom_element: 定义一个函数,用于自定义搜索框的 HTML 元素。默认值是 null。 - custom_element_value: 定义一个函数,用于自定义搜索框的值。默认值是 null。 - clearSearch: 定义一个布尔值,表示是否在搜索框中显示“清除搜索”按钮。默认值是 false。 - searchhidden: 定义一个布尔值,表示是否在隐藏列中搜索。默认值是 false。 - overlay: 定义一个布尔值,表示是否在搜索框上方显示遮罩层。默认值是 false。 - width: 定义搜索框的宽度。默认值是 150。 - height: 定义搜索框的高度。默认值是 22。 - dataInit: 定义一个函数,用于初始化搜索框。默认值是 null。 - sopt: 定义可用的操作符。默认值是 ['eq', 'ne', 'lt', 'le', 'gt', 'ge', 'bw', 'bn', 'in', 'ni', 'ew', 'en', 'cn', 'nc']。 - searchOnEnter: 定义一个布尔值,表示是否在按下回车键时执行搜索。默认值是 false。 - jqModal: 定义一个布尔值,表示是否使用 jqModal。默认值是 false。 - closeAfterSearch: 定义一个布尔值,表示是否在搜索后关闭搜索框。默认值是 true。 - closeAfterReset: 定义一个布尔值,表示是否在重置后关闭搜索框。默认值是 true。 - multipleSearch: 定义一个布尔值,表示是否启用多条件搜索。默认值是 false。 - multipleGroup: 定义一个布尔值,表示是否启用多条件分组搜索。默认值是 false。 - showQuery: 定义一个布尔值,表示是否在搜索框下方显示查询语句。默认值是 false。 - errorcheck: 定义一个布尔值,表示是否启用错误检查。默认值是 true。 - soptSelect: 定义可用的操作符选项。默认值是 {}。 - groupOps: 定义可用的分组操作符。默认值是 {}。 - operandTitle: 定义操作符选项的标题。默认值是 {}。 - resetTitle: 定义重置按钮的标题。默认值是 ''。 - searchTitle: 定义搜索按钮的标题。默认值是 ''。 - groupOpsTitle: 定义分组操作符选项的标题。默认值是 {}。 - matchText: 定义匹配文本的标题。默认值是 ' Match'。 - rulesText: 定义规则文本的标题。默认值是 ' Rules'。 - addGroupSelect: 定义一个布尔值,表示是否添加分组操作符选项。默认值是 false。 - addruleTitle: 定义添加规则的标题。默认值是 'Add Rule'。 - delruleTitle: 定义删除规则的标题。默认值是 'Delete Rule'。 - addruleText: 定义添加规则的文本。默认值是 'Add Rule'。 - delruleText: 定义删除规则的文本。默认值是 'Delete Rule'。 - alertCaption: 定义警告框标题。默认值是 'Warning'。 - alertText: 定义警告框文本。默认值是 'Please, select row'。 - operandTitle: 定义操作符选项的标题。默认值是 {}。
jqGrid 的 searchGrid 参数包含了一系列可配置的属性,以下是这些属性的详细说明: - multipleSearch:是否允许多条件搜索。默认值为 false。 - multipleGroup:是否允许多条件分组。默认值为 false。 - top:搜索对话框距顶部的距离。默认值为 0。 - left:搜索对话框距左侧的距离。默认值为 0。 - width:搜索对话框的宽度。默认值为 450。 - height:搜索对话框的高度。默认值为 auto。 - modal:是否以模态框的形式显示搜索对话框。默认值为 true。 - closeAfterSearch:搜索完成后是否自动关闭搜索对话框。默认值为 true。 - closeAfterReset:重置搜索条件后是否自动关闭搜索对话框。默认值为 false。 - searchOnEnter:在输入框内按下回车键时是否开始搜索。默认值为 true。 - refreshOnSearch:是否在搜索完成后刷新表格数据。默认值为 true。 - closeOnEscape:在搜索对话框中按下 ESC 键时是否关闭搜索对话框。默认值为 true。 - searchOperators:定义搜索条件的操作符列表。默认值为: javascript [ { op: "eq", text: "等于" }, { op: "ne", text: "不等于" }, { op: "lt", text: "小于" }, { op: "le", text: "小于等于" }, { op: "gt", text: "大于" }, { op: "ge", text: "大于等于" }, { op: "bw", text: "开始于" }, { op: "bn", text: "不开始于" }, { op: "in", text: "属于" }, { op: "ni", text: "不属于" }, { op: "ew", text: "结束于" }, { op: "en", text: "不结束于" }, { op: "cn", text: "包含" }, { op: "nc", text: "不包含" } ] 你可以通过修改 searchOperators 参数来修改搜索条件的操作符列表。例如: javascript searchGrid: { searchOperators: [ { op: "eq", text: "等于" }, { op: "ne", text: "不等于" }, { op: "bw", text: "开始于" }, { op: "bn", text: "不开始于" }, { op: "in", text: "属于" }, { op: "ni", text: "不属于" } ] } 其中,op 表示操作符的代码,text 表示操作符的文本。你也可以按照需要自定义操作符。 除了上述参数外,searchGrid 还支持以下事件: - onInitializeSearch: 在搜索对话框初始化时触发。 - beforeShowSearch: 在搜索对话框显示之前触发。 - afterShowSearch: 在搜索对话框显示之后触发。 - onSearch: 在执行搜索操作时触发。 - onReset: 在重置搜索条件时触发。 你可以通过给 jqGrid 绑定这些事件来对搜索对话框的行为进行定制化。例如: javascript $("#grid").jqGrid({ url: "data.json", datatype: "json", colModel: [ { name: "id", index: "id", width: 55 }, { name: "name", index: "name", width: 90 }, { name: "price", index: "price", width: 80, align: "right" }, { name: "quantity", index: "quantity", width: 80, align: "right" } ], pager: "#pager", rowNum: 10, rowList: [10, 20, 30], sortname: "id", sortorder: "desc", viewrecords: true, gridview: true, caption: "My grid", search: true, searchGrid: { onSearch: function () { alert("搜索条件为:" + JSON.stringify(this.p.filter)); return true; } } }).on("beforeShowSearch", function () { console.log("搜索对话框即将显示"); }).on("afterShowSearch", function () { console.log("搜索对话框已经显示"); });
jqGrid 5.2.1 版本的 searchoptions 参数用于设置搜索框的选项。下面是 searchoptions 参数的详细 API: javascript { // 设置是否显示搜索框 search: boolean, // 设置搜索框的默认值 defaultValue: string, // 设置搜索框的宽度 width: int, // 设置搜索框的高度 height: int, // 设置搜索框的标题 caption: string, // 设置搜索框的输入框属性 attr: object, // 设置搜索框的输入框样式 style: string, // 设置搜索框的输入框的 CSS 类 classes: string, // 设置搜索框的输入框的 placeholder placeholder: string, // 设置搜索框的输入框的 title title: string, // 设置搜索框的输入框的 tabindex tabindex: int, // 设置搜索框的输入框的 autocomplete autocomplete: string, // 设置搜索框的输入框的 autocorrect autocorrect: string, // 设置搜索框的输入框的 autocapitalize autocapitalize: string, // 设置搜索框的输入框的 spellcheck spellcheck: boolean, // 设置搜索框的输入框的 maxlength maxlength: int, // 设置搜索框的输入框的 minlength minlength: int, // 设置搜索框的输入框的 pattern pattern: string, // 设置搜索框的输入框的 readonly readonly: boolean, // 设置搜索框的输入框的 required required: boolean, // 设置搜索框的输入框的数据类型 dataInit: function, // 设置搜索框的输入框的数据类型的参数 dataInitOptions: object, // 设置搜索框的输入框的数据类型的事件 dataEvents: array, // 设置搜索框的输入框的输入提示 sopt: array, // 设置搜索操作的下拉菜单是否显示,可以为 true、false 或一个返回 jQuery 对象的函数 searchOperMenu: boolean | function, // 设置搜索操作的下拉菜单的选项,仅当 searchOperMenu 为 true 或为一个返回 jQuery 对象的函数时有效 searchOperMenuOptions: array, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 value: string, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 dataUrl: string, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 buildSelect: function, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 dataEvents: array, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 customValue: function, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 multiple: boolean, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 separator: string, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 searchOnEnter: boolean, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 searchHidden: boolean, // 设置搜索框的输入框的输入提示的下拉菜单的选项,仅当 sopt 包含 select 时有效 clearSearch: boolean } 这些 API 允许你自定义搜索框的各种选项,包括搜索框的默认值、宽度、高度、标题、输入提示的下拉菜单等。你可以根据自己的需要进行配置。

最新推荐

jqgrid参数中文说明

Jqgrid网上的api很少而且基本上都是英文的,中文的特别少,这个是jqgrid的中文使用说明,上面罗列的jqgrid的说明比较详细

ssm数据结构课程网络学习平台的+vue毕业论文.doc

ssm数据结构课程网络学习平台的+vue毕业论文.doc

管理建模和仿真的文件

管理Boualem Benatallah引用此版本:布阿利姆·贝纳塔拉。管理建模和仿真。约瑟夫-傅立叶大学-格勒诺布尔第一大学,1996年。法语。NNT:电话:00345357HAL ID:电话:00345357https://theses.hal.science/tel-003453572008年12月9日提交HAL是一个多学科的开放存取档案馆,用于存放和传播科学研究论文,无论它们是否被公开。论文可以来自法国或国外的教学和研究机构,也可以来自公共或私人研究中心。L’archive ouverte pluridisciplinaire

Objective-C中的协议与代理设计模式介绍

# 1. 理解Objective-C中的协议 协议是Objective-C中一种很重要的特性,它类似于其他编程语言中的接口,用来定义对象之间的通信规则和行为约定。在Objective-C中,协议可以帮助实现对象之间的松耦合和重用性。让我们深入了解Objective-C中的协议。 ## 1.1 什么是Objective-C中的协议? 在Objective-C中,协议是一组方法的声明,定义了一个对象可以遵循的接口。协议本身并不实现任何方法,而是规定遵循该协议的类需要实现协议中定义的方法。通过协议,可以在不同的类之间定义一组公共的行为和方法。 ## 1.2 协议的声明和使用方法 在Ob

编写求n!的函数f(int n),在主函数中输入两个整数m、n,然后调用函数求: C=m!/n!(m -n)!

好的,我可以编写这个函数。以下是代码示例: ```c++ #include <iostream> using namespace std; int f(int n) { if (n <= 1) { return 1; } else { return n * f(n - 1); } } int main() { int m, n; cout << "请输入两个整数m和n,以空格分隔:" << endl; cin >> m >> n; int C = f(m) / (f(n) * f(m - n));

视频中运动目标跟踪算法的研究.doc

视频中运动目标跟踪算法的研究.doc

"互动学习:行动中的多样性与论文攻读经历"

多样性她- 事实上SCI NCES你的时间表ECOLEDO C Tora SC和NCESPOUR l’Ingén学习互动,互动学习以行动为中心的强化学习学会互动,互动学习,以行动为中心的强化学习计算机科学博士论文于2021年9月28日在Villeneuve d'Asq公开支持马修·瑟林评审团主席法布里斯·勒菲弗尔阿维尼翁大学教授论文指导奥利维尔·皮耶昆谷歌研究教授:智囊团论文联合主任菲利普·普雷教授,大学。里尔/CRISTAL/因里亚报告员奥利维耶·西格德索邦大学报告员卢多维奇·德诺耶教授,Facebook /索邦大学审查员越南圣迈IMT Atlantic高级讲师邀请弗洛里安·斯特鲁布博士,Deepmind对于那些及时看到自己错误的人...3谢谢你首先,我要感谢我的两位博士生导师Olivier和Philippe。奥利维尔,"站在巨人的肩膀上"这句话对你来说完全有意义了。从科学上讲,你知道在这篇论文的(许多)错误中,你是我可以依

Objective-C中的推送通知与APNs实现

# 1. 推送通知简介 推送通知是移动应用开发中常用的一种技术,它可以向用户发送消息、提醒或通知,即使用户并未在使用应用时也能及时获取重要信息。在Objective-C中,实现推送通知需要使用苹果提供的苹果推送通知服务(APNs)。本章将介绍推送通知的基础知识,包括推送通知的概念、作用和原理。接下来我们将深入了解。 ### 1.1 什么是推送通知 推送通知是通过网络将消息发送到设备的一种技术。应用程序可以向设备发送推送通知,无论用户当前是否在使用该应用,都可以及时获取到消息或通知。用户收到推送通知后,可以通过通知中的内容了解到消息的来源和内容,以便及时处理。 ### 1.2 推送通知的

php中,跳转语句有break和contimue

其实,`break`和`continue`并不是跳转语句,它们是用于控制循环语句的关键字。 `break`用于中断循环,跳出当前循环结构(如`for`、`while`、`do-while`),执行循环结构后面的语句。如果`break`语句后面跟着一个数字n,则表示跳出第n层循环。例如: ``` for ($i = 0; $i < 10; $i++) { for ($j = 0; $j < 10; $j++) { if ($j == 5) { break 2; // 跳出两层循环 } } } ``` `continue

IMO 涂层性能标准PSPC和执行指南PPT学习教案.pptx

IMO 涂层性能标准PSPC和执行指南PPT学习教案.pptx