搜索工具栏只是在列标题下面构造一个输入框。且使用表格的url进行搜索记录,发到服务器端数据格式为name:value,而且是附加在postData之后。
用法
...
jQuery("#grid_id").filterToolbar(options);
...
如果使用新API
...
jQuery("#grid_id").jqGrid('filterToolbar',options);
...
grid_id:表格id
options:参数
可选参数 | 类型 | 描述 | 默认值 |
autosearch | boolean | 查询规则,如果是text类型则是当按下回车键才去执行查询;如果是select类型的查询则当值改变时就去执行查询 | true |
beforeSearch | function | 执行查询之前触发此事件 | null |
afterSearch | function | 查询完成后触发事件 | null |
beforeClear | function | 清空查询条件值时触发事件 | null |
afterClear | function | 清空查询条件后触发事件 | null |
方法:
方法 | 描述 |
triggerToolbar | 执行查询时调用此方法 |
clearToolbar | 当清空查询条件值时触发此函数 |
toggleToolbar | Toggeles工具栏 |
| |
示例:
...
var sgrid = $("#grid_id")[0];
sgrid.triggerToolbar();
- 大小: 21.8 KB
分享到:
相关推荐
例如,这里可能包含树形网格插件、小工具栏插件、列自定义插件等。这些插件让开发者能够实现更复杂的交互和视图,如拖放列排序、多级表头等。 3. **js**:这个目录下有jqGrid的主要JavaScript文件。核心文件`jquery...
此外,它还提供了多种预定义的工具栏按钮、搜索选项和行操作功能。 根据压缩包子文件的文件名称 "jqgrid4",我们可以推断这是 jqGrid 的一个版本,可能是第 4 版。在这一版本中,jqGrid 可能进行了性能优化和功能...
- **自定义样式**: 开发者可以定义自己的CSS样式来调整单元格、表头、工具栏等元素的外观。 ### 4. 搜索与过滤 - **高级搜索**: 提供了高级搜索功能,支持多条件组合查询,用户界面友好,方便用户进行复杂的数据...
- **jqGrid结构**:jqGrid由表格、列头、分页、工具栏和操作按钮等部分组成,能够实现数据的排序、筛选、编辑、添加、删除和查看等功能。 - **数据源**:jqGrid支持多种数据源,如JSON、XML、HTML、CSV等,可以与...
10. 表格工具栏:可添加自定义工具栏,实现更多附加功能。 11. 内置主题:JQGrid提供多种预设主题,也可以自定义样式,以满足界面美观的需求。 压缩包中的Guriddo_jqGrid_JS_5_2_X_demo可能包含以下文件和目录: 1...
6. **工具栏**:可以创建自定义工具栏,添加搜索、筛选、按钮等功能。 7. **行选择**:支持单选和多选,以及行的展开和折叠,适用于树形结构的数据。 8. **行操作**:提供行的拖放、复制、剪切和粘贴功能,增强...
- **工具栏**:支持自定义工具栏,添加按钮、输入框等元素。 - **行选择**:支持单选、多选行,方便用户操作。 3. **国际化支持**: jqGrid 5.3.1版本可能包含了对多种语言的支持,允许开发者轻松地将界面语言...
5. **过滤**:使用`filterToolbar`功能,可以在表格顶部添加搜索栏,对数据进行过滤。 6. **编辑**:jqGrid支持行内编辑、弹出式编辑和新增记录,提供了`editRow`、`addRowData`等方法。 7. **事件处理**:jqGrid有...
- **工具栏**:可以自定义工具栏,添加按钮或其他UI元素。 ### 5. 样式定制 `ui.jqgrid.css`文件提供了默认的样式,你可以根据需求调整或覆盖这些样式。另外,jqGrid也支持Bootstrap、FontAwesome等第三方库的集成...
- **过滤与搜索**:`filterToolbar`开启工具栏搜索,`searchGrid`则提供弹出式搜索窗口。 - **自定义列**:利用`formatter`函数可以自定义列的显示方式,例如日期格式化、链接生成等。 - **树形网格**:通过`...
jqGrid 提供了内置的搜索工具栏,用户可以输入条件筛选数据。你还可以自定义搜索规则,通过 `searchGrid` 方法激活搜索。 除此之外,jqGrid 还支持列的动态隐藏和显示、自定义格式化、排序、缩放和响应式设计等。...
7. **小工具与插件**:jqGrid有多种内置的工具栏按钮和插件,如搜索、导出、打印等,文档会介绍如何启用和配置它们。 8. **API参考**:详述jqGrid提供的JavaScript函数和方法,帮助开发者进行更精细的控制。 除了...
jqGrid支持添加自定义按钮,这些按钮可以放置在工具栏或者其他位置,提供额外的操作。用户可以通过编程方式为这些按钮绑定事件,实现点击按钮后的特定功能,如导出数据、刷新表格等。在jqgriddemo5.2.0中,开发者...
6. **个性化配置**:jQGrid允许开发者自定义样式、工具栏、列宽等,以满足特定的设计需求。 在给定的压缩包文件中,我们可以找到以下组件: - **index.html**:这是网页的入口文件,其中包含了HTML结构和jQGrid的...
- **搜索**:`filterToolbar`启用顶部搜索工具栏,`searching`配置搜索选项。 **3. 列设置** - **列模型(ColModel)**:定义列属性,如`name`列名,`width`宽度,`align`对齐方式,`formatter`格式化函数,`...
`filterToolbar`启用工具栏搜索,`searchGrid`则提供弹出式搜索对话框。`sopt`参数可以配置搜索条件,如`eq`(等于)、`ne`(不等于)等。 七、编辑与添加数据 JqGrid提供行内编辑、弹出编辑和添加数据的功能。...
而"jqgrid_3.6.5_API_en.chm"则为开发者提供了详细的API参考,是学习和使用jqGrid不可或缺的工具。通过熟练掌握jqGrid的API,开发者能够实现复杂的数据展示和操作功能,提升Web应用的用户体验。
4. **自定义功能**:开发者可以通过设置各种参数和事件来定制jqGrid的行为,如编辑模式、列宽、列标题、工具栏、列选择等,满足不同项目的个性化需求。 5. **扩展性**:jqGrid拥有丰富的插件和扩展,可以实现更多...
6. 自定义按钮(Custom Buttons):用户可以通过 custbutt.html 和 custbutt.html.bak 文件学习如何添加自定义按钮到工具栏,这些按钮可以执行特定的操作,如导出数据、触发事件等。 7. 表格操作:jqGrid 支持多选...
11. **自定义功能**:了解如何通过扩展jqGrid的API或使用jQuery插件机制来实现个性化需求,如自定义工具栏、按钮、对话框等。 12. **版本与兼容性**:对比不同版本的jqGrid(如3.6.4),理解其特性变化和兼容性问题...