HTML5 Wijmo:控制 Wijmo Grid 插件的编辑模式
2024-10-19 12:43:29
Wijmo jQuery 插件经常应用于在财务类网站中创建平滑和良好用户体验的交互表格。WijGrid 插件用于显示、排序、分组和编辑数据。今天我们来分享下如何控件WijGrid插件的编辑模式。
在本篇博客汇总我们将会实现通过以下方式来是 WijGrid 进入编辑状态:
- 单击
- 双击
- 特定列
我们可以通过设置 allowEditing 属性允许 WijGrid 编辑。默认情况下 WijGrid 通过点击“F2”或双击进入编辑状态。
通过单击使单元格进入编辑状态,我们需要捕获 currentCellChanged 事件,并且通过代码来使单元格进入编辑状态。代码如下:
currentCellChanged: function (e, args) {
if ($(e.target).wijgrid('option', 'isLoaded')) {
selectedEditMode = $("#editMode").wijcombobox("option", "selectedValue");
//if Editing mode is single click then start editing
if (selectedEditMode == 'Single Click') {
window.setTimeout(function () {
$(e.target).wijgrid('beginEdit');
}, 100);
}
}
}
可以通过设置列的 readOnly 属性为 true 来禁止用户编辑特定列.
最终效果图:
Demo 下载:
更多关于 HTML5 Wijmo 特性请参考:http://wijmo.gcpowertools.com.cn/
最新文章
- jQuery的.bind()、.live()和.delegate()的区别
- 如何提高ASP.NET页面载入速度的方法
- go语言 安装版 Windows7安装截图
- linux清理内存命令
- #第一用Markdown编辑器#
- rutime中动态调用类的方法
- 流媒体技术之RTSP
- JSON-C结构简介、使用
- MVC中如何实现本地化的解决方案
- MySQL事件【转载】
- python d:\test.py File ";<;stdin>;";, line 1 python d:\test.py ^ SyntaxError: invalid syntax
- java的抽象方法
- 转 Multiple outputs from T4 made easy t4生成多文件
- java虚拟机之虚拟机类加载机制
- Win7 VS2013环境编译CGAL-4.7
- 初探性能优化——2个月到4小时的性能提升(copy)推荐阅读
- Go匿名函数
- 转:Linux设备驱动开发(1):内核基础概念
- Overlapped I/O模型深入分析(转)
- Http:UTF-8与GB2312之间的关系