Navigator是一个将查找或编辑记录的动作,变得非常容易达到用户交互特性。开发者可以创建自定义动作,也可以使用六个预定义的动作。jqGrid为预定义的动作提供icon button图形。

一组完整的预定义动作包括

  1. 添加新行
  2. 编辑选中行
  3. 查看选中行
  4. 删除选中行
  5. 查找纪录
  6. 重载grid

Navigator是一个jqGrid方法,它可以通过扩展grid主方法来激活和配置。内置的Navigator必须应用在pager元素上。另外,pager元素应该被定义。内置的Navigator动作相当于表单编辑动作,可以参考Form Editing。
有三种调用方法

$("#list").navGrid('#pager');
$("#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的更多相关文章

  1. jQgrid学习笔记

    jQgrid学习笔记

  2. CSS3与页面布局学习笔记(八)——浏览器兼容性问题与前端性能优化方案

    一.浏览器兼容 1.1.概要 世界上没有任何一个浏览器是一样的,同样的代码在不一样的浏览器上运行就存在兼容性问题.不同浏览器其内核亦不尽相同,相同内核的版本不同,相同版本的内核浏览器品牌不一样,各种运 ...

  3. python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容

    python3.4学习笔记(十七) 网络爬虫使用Beautifulsoup4抓取内容 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖 ...

  4. Ionic2学习笔记(1):新建一个页面

    作者:Grey 原文地址: http://www.cnblogs.com/greyzeng/p/5532323.html                 新建一个页面: 借上一篇中的HelloWorl ...

  5. 转:openwrt中luci学习笔记

    原文地址:openwrt中luci学习笔记 最近在学习OpenWrt,需要在OpenWrt的WEB界面增加内容,本文将讲述修改OpenWrt的过程和其中遇到的问题. 一.WEB界面开发         ...

  6. python学习笔记整理——字典

    python学习笔记整理 数据结构--字典 无序的 {键:值} 对集合 用于查询的方法 len(d) Return the number of items in the dictionary d. 返 ...

  7. NuGet学习笔记(转)

    NuGet学习笔记(1)——初识NuGet及快速安装使用 http://kb.cnblogs.com/page/143190/ 1. NuGet是什么? NuGet is a Visual Studi ...

  8. Maven学习笔记-03-Eclipse下maven项目在Tomcat7和Jetty6中部署调试

    现在最新的Eclipse Luna Release 已经内置了Maven插件,这让我们的工作简洁了不少,只要把项目直接导入就可以,不用考虑插件什么的问题,但是导入之后的项目既可以部署在Tomcat也可 ...

  9. jsp&servlet学习笔记

    1.路径引用问题 一个css.jsp.html.或者javascript文件从从一个工程复制到另一工程,如果引用的时候使用的时相对路径,看似没有错误,但是却一直引用不进来,这时候要使用绝对路径,这样才 ...

随机推荐

  1. 【转载】:【C++跨平台系列】解决STL的max()与numeric_limits::max()和VC6 min/max 宏冲突问题

    http://www.cnblogs.com/cvbnm/articles/1947743.html 多年以前,Microsoft 幹了一件比 #define N 3 還要蠢的蠢事,那就是在 < ...

  2. python format

    python自2.6后,新增了一种格式化字符串函数str.format(),威力十足,可以替换掉原来的% 注:以下操作版本是python2.7 映射示例 语法 通过{} 和 :  替换 % 通过位置 ...

  3. DLL项目报错:fatal error lnk1104: cannot open file "...\xxx.dll"

    在生成DLL的时候报这个错, 生成不了DLL 检查生成DLL的路径是否有其他程序在使用... 或者把杀毒软件关了试试...

  4. Hadoop学习(4)-- MapReduce

    MapReduce是一种用于大规模数据集的并行计算编程模型,由Google提出,主要用于搜索领域,解决海量数据的计算问题.其主要思想Map(映射)和Reduce(规约)都是从函数是编程语言中借鉴而来的 ...

  5. Oracle 监听器日志文件过大导致监听异常

    Oracle 监听器日志文件过大导致监听异常 db版本:11.2.0.1 os版本:windows2008 现象: 应用异常,无法连接数据库.登陆数据库服务器,查看监听已经断掉.尝试重启监听,重启失败 ...

  6. python中的yield

    在理解yield之前,要首先明白什么是generator,在理解generator之前首先要理解可迭代的概念. 可迭代(iterables)在你创建一个list的时候,可以逐个读取其中的元素,该逐个读 ...

  7. nc:a test cmd for TCP HTTP

    docker 上需要nc 测试环境--internet上搜集了一些资料 ---------------------------------------------------------------- ...

  8. java 笔记(3) —— 动态代理,静态代理,cglib代理

    0.代理模式 代理模式是常用的java设计模式,他的特征是代理类与委托类有同样的接口. 代理类主要负责为委托类预处理消息.过滤消息.把消息转发给委托类,以及事后处理消息等. 代理类与委托类之间通常会存 ...

  9. span和div的区别

    <span> 在CSS定义中属于一个行内元素,在行内定义一个区域,也就是一行内可以被 <span> 划分成好几个区域,从而实现某种特定效果. <span> 本身没有 ...

  10. ArrayList和LinkedList的几种循环遍历方式及性能对比分析(转载)

    原文地址: http://www.trinea.cn/android/arraylist-linkedlist-loop-performance/ 原文地址: http://www.trinea.cn ...