JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
来源:互联网 发布:2016经济数据公布时间 编辑:程序博客网 时间:2024/05/17 04:13
转载地址:http://blog.csdn.net/dyllove98/article/details/8870119 (为毛转载按钮用不了???)
欢迎大家转载,转载请注明出处!
希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢!
今天是datagrid框架的冻结列和右键菜单:
废话就不多说了,直接上代码,上面的注释写的挺多的:
先是冻结列代码:
frozenColumns: [[ //冻结列 就是指定显示参照列 使其不会出现滚动条 { field: 'name', title: 'Name', width: 400, sortable: true, editor: {//设置其为可编辑 type: 'validatebox',//设置编辑格式 options: { required: true//设置编辑规则属性 } } }//sortable:true点击该列的时候可以改变升降序 ]], columns: [[ { field: 'code', title: 'Code', width: 600, editor: {//设置其为可编辑 type: 'validatebox',//设置编辑样式 自带样式有:text,textarea,checkbox,numberbox,validatebox,datebox,combobox,combotree 可自行扩展 options: {} } }, { field: 'addr', title: 'addr', width: 200, editor: {//设置其为可编辑 type: 'datetimebox',//这里我们将进行一个datetimebox的扩展 options: { required: true//设置编辑规则属性 } } } ]]
特别说明,在使用冻结列的时候,属性fitColumns要设置为false或者不写默认false,不然没有效果:
右键菜单代码:
onRowContextMenu: function(e, rowIndex, rowData) { //右键时触发事件 //三个参数:e里面的内容很多,真心不明白,rowIndex就是当前点击时所在行的索引,rowData当前行的数据 e.preventDefault(); //阻止浏览器捕获右键事件 $(this).datagrid("clearSelections"); //取消所有选中项 $(this).datagrid("selectRow", rowIndex); //根据索引选中该行 $('#menu').menu('show', {//显示右键菜单 left: e.pageX,//在鼠标点击处显示菜单 top: e.pageY }); }
<div id="menu" class="easyui-menu" style="width: 50px; display: none;"> <!--放置一个隐藏的菜单Div--> <div>增加</div> <div data-options="iconCls:'icon-save'" onclick="">删除</div> <!--具体的菜单事件请自行添加,跟toolbar的方法是基本一样的--> <div>修改</div></div>
示例图:
源代码下载:源码下载
<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>
阅读全文
0 0
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- datagrid 右键菜单,冻结列
- JQueryEasyUI学习笔记(九)datagrid查找
- JQueryEasyUI学习笔记(八)datagrid
- JQueryEasyUI学习笔记(七)datagrid
- JQueryEasyUI学习笔记(九)datagrid查找
- JQueryEasyUI学习笔记(九)datagrid查找
- Jquery右键菜单(jqueryeasyui)
- JQueryEasyUI学习笔记(十)datagrid 添加、修改、删除
- JQueryEasyUI学习笔记(十)datagrid 添加、修改、删除
- WPF分页DataGrid(二)列右键菜单实现
- 右键菜单自由选择DataGrid显示隐藏列
- easyui学习笔记之冻结列
- JQueryEasyUI学习笔记(五)
- JQueryEasyUI学习笔记(四)
- JQueryEasyUI学习笔记(一)
- Redis 超过可用内存怎么处理
- 告诉大家微信人工刷票怎么收费及微信刷票一般都多少钱详情
- CUDA入门1——配置开发环境
- android加载动画
- Zookeeper_概述
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- NodeJs ORM框架之 Sequeslize 生成model的工具sequelize-gen
- 所谓的原创内容对于seo的意义在何方?
- 欢迎使用CSDN-markdown编辑器
- 2017-2018 ACM-ICPC Southeast Regional Contest (Div. 1) H.Security Badges 区间双重合
- Oracle两种连接方式
- Hadoop YARN配置参数剖析(3)—MapReduce相关参数
- caffe入门学习(1):Windows下环境极简配置
- 电子游戏音乐:一种复合艺术 音乐已经陪伴了人类上千年,在人类还没有产生语言时,就已经知道利用声音的高低、强弱等来表达自己的意思和感情。它不像食物、不像水一样是生命之源,但它确像萤火,像电一样能够赋