- 浏览: 305021 次
- 性别:
- 来自: 北京
文章分类
最新评论
-
liuyong19832011:
,赞一个
Java通过BufferedWriter追加内容到文件末尾的几种常用方法 -
justjavac:
总结很好,怎么没人支持呢?最近发现iteye踩贴现象很严重。
shell数组的使用
转至:http://blog.csdn.net/yangbobo1992/article/details/7929873
jqGrid中可以再导航条上设置按钮,其中jqGrid已经默认设置了一些按钮,此外,用户也可以自定义自己的按钮。
使用默认的方法
系统中默认的按钮主要是对数据进行CRUD的操作的按钮。方法如下
jQuery("#list").jqGrid('navGrid','#pager',{edit:true,add:true,del:true,view:true},{
//这里可以指定edit的一些属性和方法,如果不需要配置,可以不要这对大括号
},{
//这里可以指定add的一些属性和方法,如果不需要配置,可以不要这对大括号
},{
//这里可以指定del的一些属性和方法,如果不需要配置,可以不要这对大括号
},{
//这里可以指定搜索的一些属性,如果不需要配置,可以不要这对大括号
});
自定义按钮
jQuery("#list").jqGrid('navButtonAdd','#pager',{
caption: "",
// buttonicon:"ui-icon-print",
title: "选择要的列",
onClickButton : function (){
jQuery("#list").jqGrid('columnChooser');
}
}).navSeparatorAdd("#pager",{sepclass : "ui-separator",sepcontent: ''}).navButtonAdd('#pager',{
caption:"",
title:"导出数据",
buttonicon:"ui-icon-disk",
onClickButton: function(){
jAlert("您没有选择一行,将导出所有数据");
},
position:"last"
});
navSeparatorAdd是增加一个|进行按钮分割.
也可以参考下官方的一些属性配置
$.jgrid = {
...
search : {
caption: "Search...",
Find: "Find",
Reset: "Reset",
odata : ['equal', 'not equal', 'less', 'less or equal','greater','greater or equal', 'begins with','does not begin with','is in','is not in','ends with','does not end with','contains','does not contain'],
groupOps: [ { op: "AND", text: "all" }, { op: "OR", text: "any" } ],
matchText: " match",
rulesText: " rules"
},
edit : {
addCaption: "Add Record",
editCaption: "Edit Record",
bSubmit: "Submit",
bCancel: "Cancel",
bClose: "Close",
saveData: "Data has been changed! Save changes?",
bYes : "Yes",
bNo : "No",
bExit : "Cancel",
},
view : {
caption: "View Record",
bClose: "Close"
},
del : {
caption: "Delete",
msg: "Delete selected record(s)?",
bSubmit: "Delete",
bCancel: "Cancel"
},
nav : {
edittext: "",
edittitle: "Edit selected row",
addtext:"",
addtitle: "Add new row",
deltext: "",
deltitle: "Delete selected row",
searchtext: "",
searchtitle: "Find records",
refreshtext: "",
refreshtitle: "Reload Grid",
alertcap: "Warning",
alerttext: "Please, select row",
viewtext: "",
viewtitle: "View selected row"
},
...
属性 | 类型 | 说明 | 默认值 |
add | boolean | 是否启用新增功能,当点击按钮时会触发editGridRow事件 | true |
addicon | string | 给新增功能设置图标,只有UI theme里的图标才可以使用 | ui-icon-plus |
addtext | string | 新增按钮上的文字 | 空 |
addtitle | string | 当鼠标移到新增按钮上时显示的提示 | 新增一行 |
alertcap | string | 当我们edit,delete or view一行记录时出现的提示信息 | 警告 |
alerttext | string | 当edit,delete or view一行记录时的文本提示 | 请选择一行记录 |
closeOnEscape | boolean | 是否可以使用esc键关闭对话框 | true |
del | boolean | 是否启用删除功能,启用时会触发事件delGridRow | true |
delicon | string | 设置删除按钮的图标,只有UI theme里的图标才可以使用 | ui-icon-trash |
deltext | string | 设置到删除按钮上的文字信息 | 空 |
deltitle | string | 当鼠标移到删除按钮上时出现的提示 | 删除锁选择的行 |
edit | boolean | 是否启用可编辑功能,当编辑时会触发事件editGridRow | true |
editicon | string | 设置编辑按钮的图标,只有UI theme里的图标才可以使用 | ui-icon-pencil |
edittext | string | 编辑按钮上文字 | 空 |
edittitle | string | 当鼠标移到编辑按钮上出现的提示信息 | 编辑所选择的行 |
position | string | 定义按钮位置,可选值left, center and right. | left |
refresh | boolean | 是否启用刷新按钮,当点击刷新按钮时会触发trigger(“reloadGrid”)事件,而且会清空搜索条件值 | true |
refreshicon | string | 设置刷新图标,只有UI theme里的图标才可以使用 | ui-icon-refresh |
refreshtext | string | 刷新按钮上文字信息 | 空 |
refreshtitle | string | 当鼠标移到刷新按钮上的提示信息 | 重新加载 |
refreshstate | string | 指明表格如何刷新。firstpage:从第一页开始刷新;current:只刷新当前页内容 | firstpage |
afterRefresh | function | 当点击刷新按钮之后触发此事件 | null |
search | boolean | 是否启用搜索按钮,会触发searchGrid 事件 | true |
searchhicon | string | 设置搜索按钮的图标,只有UI theme里的图标才可以使用 | ui-icon-search |
searchtext | string | 搜索按钮上的文字 | 空 |
searchtitle | string | 当鼠标移到搜索按钮上的提示信息 | 搜索 |
view | boolean | 是否启用查看按钮,会触发事件viewGridRow | false |
viewicon | string | 设置查看按钮的图标,只有UI theme里的图标才可以使用 | ui-icon-document |
viewtext | string | 查看按钮上文字 | 空 |
viewtitle | string | 当鼠标移到查看按钮上的提示信息 | 查看所选记录 |
自定义按钮的官方的说明:
<script>
...
jQuery("#grid_id").navGrid("#pager",...).navButtonAdd("#pager",{parameters});
...
</script>
或者用新API
<script>
...
jQuery("#grid_id").jqGrid('navGrid',"#pager",...).jqGrid('navButtonAdd',"#pager",{parameters});
...
</script>
默认参数
{ caption:"NewButton", buttonicon:"ui-icon-newwin", onClickButton:null, position: "last", title:"", cursor: "pointer"}
caption:按钮名称,可以为空,string类型
buttonicon:按钮的图标,string类型,必须为UI theme图标
onClickButton:按钮事件,function类型,默认null
position:first或者last,按钮位置
title:string类型,按钮的提示信息
cursor:string类型,光标类型,默认为pointer
id:string类型,按钮id
发表评论
-
jquery的getJSON重复调用问题
2013-11-07 23:18 826$.getJSON("incomeHeaderJso ... -
【转】JQuery UI AutoComplete 与 Strtus2 结合使用
2013-03-04 23:37 1614http://www.cnblogs.com/dongliya ... -
Struts2.2.1注解方式使用json整合jquery getJson方法
2013-01-10 22:53 01.引入与json相关的jar文件: json-lib ... -
【转】 jqGrid进阶教程:qGrid的数据格式化二
2013-01-10 17:46 1648转至:http://blog.csdn.net/yangbob ... -
【转】jqGrid与Struts2的结合应用(十) —— 真正的自定义表单查询
2013-01-08 14:24 1934转至:http://blog.csdn.net/gengv/a ... -
【转】 jqGrid基础学习:jqGrid中使用分页
2013-01-10 17:45 2037转至:http://blog.csdn.net/yangbob ... -
【转】jqGrid与Struts2的结合应用(三) —— 使用自定义表单对话框编辑Grid数据
2013-01-08 14:23 1280转至:http://blog.csdn.net/gengv/a ... -
【转】 jqGrid与Struts2的结合应用(一) —— 显示基本Grid表格
2013-01-08 14:21 1812转至:http://blog.csdn.net/gengv/a ... -
【转】jqGrid与Struts2的结合应用(二) —— 操作Grid数据
2013-01-08 14:21 1250转至:http://blog.csdn.net/gengv/a ... -
【转】 jqGrid与Struts2的结合应用(九) —— 补充细节
2013-01-08 14:23 1105转至:http://blog.csdn.net/gengv/a ... -
【转】 jqGrid与Struts2的结合应用(八) —— 奇妙的subGrid子表格
2013-01-05 22:43 1288转至:http://blog.csdn.net/gengv/a ... -
jqGrid与Struts2的结合应用(七) —— 浅谈排序
2013-01-05 22:41 1919转至:http://blog.csdn.net/gengv/a ... -
【转】jqGrid与Struts2的结合应用(六) —— 使用colModel设置查询功能
2013-01-05 22:40 1144转至:http://blog.csdn.net/gengv/a ... -
【转】jqGrid与Struts2的结合应用(五) —— 结合Action类进行数据查询
2013-01-05 22:39 2370转至:http://blog.csdn.net/gengv/a ... -
【转】jqGrid与Struts2的结合应用(四) —— 丰富多彩的Pager Bar
2013-01-05 22:37 2528转至: http://blog.csdn.net/gengv/ ... -
Jquery dom 事件冒泡处理
2012-12-14 15:14 10371. 什么是冒泡 在页面上可以有多个事件,也可以多个元素响应同 ... -
jquery事件
2012-12-14 14:48 8591.toggle $(document).ready(func ... -
jquery dom 遍历
2012-12-12 14:46 10071. 交替为表格行添加样式 $(document).rea ... -
jquery xpath选择符
2012-12-11 21:59 18331. $('a[@title]') 选择所有带title ... -
jquery工厂函数
2012-12-11 21:42 0工厂函数 标签名:$('p')取得所有p元素 ID: $('# ...
相关推荐
jQuery 学习之:jqGrid 表格插件 参数配置 4 jqGrid 学习 自定义搜索 14 jqGrid 学习 搜索工具栏 16 jqGrid 学习 搜索 17 jqGrid 学习 自定义格式化类型 19 jqGrid 学习 格式化 21 jqGrid 学习 自定义按钮 26 jqGrid...
jqgrid 使用: 数据加载 增加, 修改, 删除, 还原, 撤销等 逻辑上都做了很好的判断,希望能给你们带来帮助,以后也会持续更新jqgrid使用代码。
很好的第三方控件,就是开始不太好上手,希望大神多出些完整的实力和文档。官方网址:http://www.trirand.com。
jqgrid自定义按钮,jqgrid自定义按钮,jqgrid自定义按钮
jqgrid中文文档API,使用JQGRID
JqGrid中文API文档,包含了基础的JqGrid控件的属性方法事件等,有如何使用JqGrid的Demo.
Jqgrid中文使用手册,直接从jqgrid官网翻译。非常适合查阅
来自“华水的地方”的jqGrid基础学习系列,这里有11篇,感觉挺详细的,可以看看。
jquery.jqGrid-4.6.0(jquery表格插件).zip----------jqGrid4.6.0包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件.rar-----------经我修改过的demo40,官网上面demo40下载...
ASP.NET中使用jQGrid
该方式是在jqgrid的列基础上进行编辑,为列添加保存事件,文本域和输入框采用blur失去焦点的方式进行保存,该方法含有点击为其他列赋值的功能。参考api列子并结合自己公司功能需求。
jqgrid学习
jqGrid5.5 学习
jqgrid合并行、合并列 先看示例图片最终效果: jqgrid合并单元格 .jqgrid { width: 80%; margin: 0 auto; } /* 这个代码是解决表头有一点点错位的问题 */ .ui-state-default, .ui-widget-content .ui-state...
jquery.jqGrid-4.8.2(jquery表格插件).zip----------jqGrid4.8.2包,官网下载的,原封不动的在这里。 jqgrid_demo40-----可用的-使用方法请查看README文件. jqgrid_3.6.5_API_en.chm------附加放在这里的其它资料...
jqGrid_API中文
jqgrid ace 使用手册
如果想要获取选择多行的id,那这些id便封装成一个id数组,那可以使用以下: var ids=$(‘#gridTable').jqGrid(‘getGridParam','selarrrow'); 如果想获取选择的行的数据,只要传入rowId即可,如下: var rowData = $...
JQgrid如意学习博客
jqgrid treegrid使用实例下载