【JQGRID DOCUMENTATION】.学习笔记.4.Navigator
Navigator是一个将查找或编辑记录的动作,变得非常容易达到用户交互特性。开发者可以创建自定义动作,也可以使用六个预定义的动作。jqGrid为预定义的动作提供icon button图形。
一组完整的预定义动作包括
- 添加新行
- 编辑选中行
- 查看选中行
- 删除选中行
- 查找纪录
- 重载grid
Navigator是一个jqGrid方法,它可以通过扩展grid主方法来激活和配置。内置的Navigator必须应用在pager元素上。另外,pager元素应该被定义。内置的Navigator动作相当于表单编辑动作,可以参考Form Editing。
有三种调用方法
$("#list").jqGrid("navGrid","#pager");
或者链式调用
$("#list").jgGrid({.......}).navGrid("#pager")
- list是已经构建好的jgGrid的id
- pager是navigation bar的id
- parameters是一个设置数组,后面会定义
- prmEdit,prmAdd,prmDel,prmSearch,prmView是Form editing中指定动作的参数和事件对象
通过prmEdit….定义的每个特别的模块的id参数都会被传递,这是为了识别Navigator中的button的id。如果id没有定义,我们使用前缀和grid id的组合。如add按钮的id会是这样add_gridid。
Navigator上的文字定义在语言文件中。
参数列表
Property | Type | Description | Default |
add | boolean | 启用或禁用Navigator的add动作。当按钮被点击,一个带参数的editGridRow新方法被执行 | true |
addicon | string | 为add动作设置icon。目前只有UI主题的图片可以被使用 | ui-icon-plus |
addtext | string | add按钮的文本 | empty |
addtitle | sting | 当鼠标位于上方时显示的文本 | Add new row |
alertcap | string | 当我们要编辑、删除或浏览行,却没有选择行时,出现的消息框的header | Warning |
alerttext | string | 当我们要编辑、删除或浏览行,却没有选择行时,出现的消息框的text | Please,select row |
cloneToTop | boolean | 将底部pager的所有动作克隆到顶部pager。注意,此时navGrid只能应用在顶部pager。顶部pager的id是grid id和”_toppager”的结合 | false |
closeOnEscape | boolean | 指明用户是否能用ESC键关闭警告对话框 | true |
del | boolean | 启用或禁用删除动作。当按钮被点击,delGridRow方法被执行 | |
delicon | string | 如果删除动作启用,设置它的icon。目前只能使用UI主题的图片。 | ui-icon-trash |
deltext | string | 删除按钮上定义的文本 | empty |
deltitle | string | 当鼠标位于按钮上方时显示的文本 | Delete selected row |
edit | boolean | 启用或禁用导航的编辑动作。当按钮被点击时,当前选中的行作为editGridRow方法的参数被执行 | true |
editicon | string | 如果编辑动作启用设置一个icon。注意目前只能使用UI主题的图片 | ui-icon-pencil |
editext | string | 编辑按钮上的文本 | empty |
edittitle | string | 当鼠标位于按钮上方时显示的文本 | Edit select row |
position | string | 指明Navigator按钮在pager上的位置。可以是left,center,right | left |
refresh | boolean | 启用或禁用刷新按钮。当点击时,触发reloadGrid被执行,并且查询参数被清空 | true |
refreshicon | string | 设置刷新动作的icon。注意 | ui-icon-refresh |
refreshtext | string | 刷新按钮上的文本 | empty |
refreshtitle | string | 鼠标位于按钮上方时显示的title | Reload Grid |
refreshstate | string | 指明grid怎样重载 firstpage重载第一页的数据 current重载应该保存当前页和当前节点 |
firstpage |
afterRefresh | function | 如果定义了,则在刷新按钮被点击后触发 | null |
beforeRefresh | function | 如果定义了,则在刷新按钮被点击前触发 | null |
search | boolean | 启用或禁用pager上的搜索按钮。当按钮点击时,searchGrid方法被执行 | true |
searchicon | string | 设置搜索动作的icon。注意只能使用 | ui-icon-search |
searchtext | string | 搜索按钮上的文本 | empty |
searchtitle | string | 当鼠标在按钮上方时显示的title | Find records |
view | boolean | 启用或禁用浏览按钮。当按钮被点击时,viewGridRow方法被执行 | false |
viewicon | string | 设置浏览动作的icon,注意只能 | ui-icon-document |
viewtext | string | 设置浏览按钮的文本 | empty |
viewtitle | string | 当鼠标在按钮上方时显示的title | View selected row |
addfunc | function | 如果定义了,则替代内置add函数。这个函数没有参数 | null |
editfunc | function | 如果定义了,则替代内置edit函数。被编辑行的id会作为参数传递给函数 | null |
delfunc | function | 如果定义了,则替代内置del函数。被编辑航的id会作为参数传递给函数 | null |
jQuery("#grid_id").jqGrid({
...
pager : '#gridpager',
...
}).navGrid('#gridpager',{view:true, del:false},
{}, // 使用eidt的默认设置 {}, // 使用add的默认设置 {}, // delete instead that del:false we need this {multipleSearch : true}, // 启用改进版的搜索 {closeOnEscape:true} /* 允许使用ESC键关闭视图对话框*/ );
...
</script>
【JQGRID DOCUMENTATION】.学习笔记.4.Navigator的更多相关文章
- jQgrid学习笔记
jQgrid学习笔记
- CSS3与页面布局学习笔记(八)——浏览器兼容性问题与前端性能优化方案
一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...
- python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容
python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖 ...
- Ionic2学习笔记(1):新建一个页面
作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html 新建一个页面: 借上一篇中的HelloWorl ...
- 转:openwrt中luci学习笔记
原文地址:openwrt中luci学习笔记 最近在学习OpenWrt,需要在OpenWrt的WEB界面增加内容,本文将讲述修改OpenWrt的过程和其中遇到的问题. 一.WEB界面开发 ...
- python学习笔记整理——字典
python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...
- NuGet学习笔记(转)
NuGet学习笔记(1)——初识NuGet及快速安装使用 http://kb.cnblogs.com/page/143190/ 1. NuGet是什么? NuGet is a Visual Studi ...
- Maven学习笔记-03-Eclipse下maven项目在Tomcat7和Jetty6中部署调试
现在最新的Eclipse Luna Release 已经内置了Maven插件,这让我们的工作简洁了不少,只要把项目直接导入就可以,不用考虑插件什么的问题,但是导入之后的项目既可以部署在Tomcat也可 ...
- jsp&servlet学习笔记
1.路径引用问题 一个css.jsp.html.或者javascript文件从从一个工程复制到另一工程,如果引用的时候使用的时相对路径,看似没有错误,但是却一直引用不进来,这时候要使用绝对路径,这样才 ...
随机推荐
- 【转载】:【C++跨平台系列】解决STL的max()与numeric_limits::max()和VC6 min/max 宏冲突问题
http://www.cnblogs.com/cvbnm/articles/1947743.html 多年以前,Microsoft 幹了一件比 #define N 3 還要蠢的蠢事,那就是在 < ...
- python format
python自2.6后,新增了一种格式化字符串函数str.format(),威力十足,可以替换掉原来的% 注:以下操作版本是python2.7 映射示例 语法 通过{} 和 : 替换 % 通过位置 ...
- DLL项目报错:fatal error lnk1104: cannot open file "...\xxx.dll"
在生成DLL的时候报这个错, 生成不了DLL 检查生成DLL的路径是否有其他程序在使用... 或者把杀毒软件关了试试...
- Hadoop学习(4)-- MapReduce
MapReduce是一种用于大规模数据集的并行计算编程模型,由Google提出,主要用于搜索领域,解决海量数据的计算问题.其主要思想Map(映射)和Reduce(规约)都是从函数是编程语言中借鉴而来的 ...
- Oracle 监听器日志文件过大导致监听异常
Oracle 监听器日志文件过大导致监听异常 db版本:11.2.0.1 os版本:windows2008 现象: 应用异常,无法连接数据库.登陆数据库服务器,查看监听已经断掉.尝试重启监听,重启失败 ...
- python中的yield
在理解yield之前,要首先明白什么是generator,在理解generator之前首先要理解可迭代的概念. 可迭代(iterables)在你创建一个list的时候,可以逐个读取其中的元素,该逐个读 ...
- nc:a test cmd for TCP HTTP
docker 上需要nc 测试环境--internet上搜集了一些资料 ---------------------------------------------------------------- ...
- java 笔记(3) —— 动态代理,静态代理,cglib代理
0.代理模式 代理模式是常用的java设计模式,他的特征是代理类与委托类有同样的接口. 代理类主要负责为委托类预处理消息.过滤消息.把消息转发给委托类,以及事后处理消息等. 代理类与委托类之间通常会存 ...
- span和div的区别
<span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果. <span> 本身没有 ...
- ArrayList和LinkedList的几种循环遍历方式及性能对比分析(转载)
原文地址: http://www.trinea.cn/android/arraylist-linkedlist-loop-performance/ 原文地址: http://www.trinea.cn ...