继承扩展DataGrid的editors
来源:互联网 发布:js怎么遍历jsonobject 编辑:程序博客网 时间:2024/05/06 02:19
@author YHC
一些常见的editors 添加到datagrid以便用户编辑数据,所有的editor都定义在$.fn.datagrid.defaults.editors对象,这个可以继承扩展以便支持新的editor,
这个教程将向你展示如何添加一个新的numberspinner编辑器 到datagrid.
查看 Demo
继承扩展numberspinner编辑器
$.extend($.fn.datagrid.defaults.editors, { numberspinner: { init: function(container, options){ var input = $('<input type="text">').appendTo(container); return input.numberspinner(options); }, destroy: function(target){ $(target).numberspinner('destroy'); }, getValue: function(target){ return $(target).numberspinner('getValue'); }, setValue: function(target, value){ $(target).numberspinner('setValue',value); }, resize: function(target, width){ $(target).numberspinner('resize',width); } } });
创建DataGrid在html标记
<table id="tt" style="width:600px;height:250px" url="data/datagrid_data.json" title="Editable DataGrid" iconCls="icon-edit" singleSelect="true" idField="itemid" fitColumns="true"> <thead> <tr> <th field="itemid" width="60">Item ID</th> <th field="listprice" width="80" align="right" editor="{type:'numberbox',options:{precision:1}}">List Price</th> <th field="unitcost" width="80" align="right" editor="numberspinner">Unit Cost</th> <th field="attr1" width="180" editor="text">Attribute</th> <th field="status" width="60" align="center" editor="{type:'checkbox',options:{on:'P',off:''}}">Status</th> <th field="action" width="80" align="center" formatter="formatAction">Action</th> </tr> </thead> </table>我们分配numberspinner编辑器到'unit cost' 字段,当开始编辑一行,用户可以用numberspinner 编辑器编辑数据.
下载EasyUI示例代码:
easyui-datagrid-demo.zip
- 继承扩展DataGrid的editors
- easyui datagrid editors扩展之combogrid
- easyui datagrid editors扩展之combogrid
- easyui DataGrid editors扩展之combogrid ,combogrid 下拉选择后填充 editor 列内容方法
- easyui 1.4 以上版本datagrid editors 计算两列的值
- Unity扩展编辑器--类型3:Custom Editors Custom Editors
- org.eclipse.ui.editors.templates扩展点
- 扩展DataGrid
- 【计算机视觉】TPAMI的Editors
- 学习easyUI 扩展的Editable DataGrid组件
- jeasyui插件扩展datagrid-filter的改善
- 关于thinkphp扩展的继承
- 类的扩展(一):继承
- php类的扩展和继承
- js中prototype的继承和扩展
- qt的右键扩展,继承contextMenuEvent
- ExtJS 组件的扩展和继承
- 继承扩展jQuery Mobile的初始化事件
- 如何控制用户访问数据库
- persistence
- poj Children of the Candy Corn(Bfs + Dfs)
- 正确理解Navgation的BackItem
- Rabin-Karp算法 (拉宾-卡普)
- 继承扩展DataGrid的editors
- Linux 时间操作
- sed实例收集
- MFC中Tab控件的使用详解
- 关于_tcsrchr一行代码
- FTP 文件上传
- ASCII编码
- Jquery,css如何创建一个悬浮的广告页面?
- Hibernate自动建库建表