JQueryEasyUI学习笔记(十二)datagrid 提示、格式化表格、表格按钮(附源码)
来源:互联网 发布:魔龙诀经脉进阶数据 编辑:程序博客网 时间:2024/06/05 16:55
欢迎大家转载,转载请注明出处!
希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢!
今天是datagrid框架的提示、格式化表格、表格按钮:
今天还是datagrid的使用,因为其属性方法太多,也说不完了,多多看看官网的示例和demo吧:官网示例
列样式代码:
styler: function (value, rowData, index) {//设置列样式(列属性API),value列的值,index列索引,rowData行数据 if (index < 3) { return 'background-color:#ffee00;color:red;'; } }
行样式代码:
rowStyler: function (index, row) {//与列样式用法相同 if (row.code == 001) { return 'background-color:#6293BB;color:#fff;'; } }
formatter方法使用:
formatter: function (value, rowData, index) {//value:字段的值。rowData:行数据。rowIndex:行索引。 return "<span title='" + value + "'>" + value + "<span>";//实现鼠标放到单元格上时的提示 //return "*****";//实现显示星号样式 }formatter: function (value, rowData, index) {//value:字段的值。rowData:行数据。rowIndex:行索引。 return "<button onclick='clickFunc(" + index + ");'>操作</button>";//将索引传给方法,可以选中该行 }//操作点击方法 function clickFunc(index) { var rows = $("#dg").datagrid("getRows"); alert(rows[index].addr); //获得点击行数据,即可进行操作 }
示例图:
源代码:源码下载
<script type="text/javascript"><!--google_ad_client = "ca-pub-1944176156128447";/* cnblogs 首页横幅 */google_ad_slot = "5419468456";google_ad_width = 728;google_ad_height = 90;//--></script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
- JQueryEasyUI学习笔记(十二)datagrid 提示、格式化表格、表格按钮(附源码)
- JQueryEasyUI学习笔记(十五)异步tree(附源码)
- JQueryEasyUI 组件 datagrid组件(数据表格组件)
- JQueryEasyUI学习笔记(九)datagrid查找
- JQueryEasyUI学习笔记(八)datagrid
- JQueryEasyUI学习笔记(七)datagrid
- JQueryEasyUI学习笔记(九)datagrid查找
- JQueryEasyUI学习笔记(九)datagrid查找
- easyUI DataGrid View(数据表格展示) 表格添加按钮
- easyui 列表按钮 DataGrid(数据表格)
- JQueryEasyUI学习笔记(十)datagrid 添加、修改、删除
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- JQueryEasyUI学习笔记(十)datagrid 添加、修改、删除
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- Silverlight学习笔记三:表格控件DataGrid
- 表格列头加菜单(datagrid)
- JQueryEasyUI学习笔记(五)
- Beatles小记-分布式数据流分析框架(二)
- Beatles小记(三)-分布式数据流分析中Master的横向扩展
- C语言基础复习之指针
- 黑马韩前成java学习第二天java中加号连接符详解
- servlet在web.xml中的配置
- JQueryEasyUI学习笔记(十二)datagrid 提示、格式化表格、表格按钮(附源码)
- androdi -- 对通讯录联系人的操作
- 细节优化提升资源利用率
- hdu2553 回溯法
- jdbc操作数据库出现乱码?
- 黑马程序员_java_io(上)
- GB28181 SIP视频监控系列专题之 SIP国标解析
- 单例模式的C++实现
- UVa 101 - The Blocks Problem