JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
来源:互联网 发布:linux mount 远程目录 编辑:程序博客网 时间:2024/05/22 14:48
欢迎大家转载,转载请注明出处!
希望这个笔记对自己和大家有用,但是本人水平有限,如果出错的地方,希望大家指出,多多批评,谢谢!
今天是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,不然没有效果:
右键菜单代码:
按 Ctrl+C 复制代码
按 Ctrl+C 复制代码
<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>
示例图:
源代码下载:源码下载
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学习笔记(一)
- Java虚拟机(五)
- Hibernate 学习笔记 - Lifecycle 1
- 什么是电子现金?什么是电子钱包?
- 背包九讲
- 深入浅出JMS(二)——JMS的组成
- JQueryEasyUI学习笔记(十一)datagrid 右键菜单,冻结列
- 4月5号
- Identifying and Troubleshooting Neutron Namespaces
- PAT 1076. Forwards on Weibo (BFS + 剪枝)
- linux 最大文件描述符
- 使用java生成Json数据
- matlab中的xlabel, ylabel, zlabel
- repo sync出错解决
- Java虚拟机(六)