JQuery easyui datagrid 单元格编辑时,使用浮动的textarea文本框并进行数据校验
来源:互联网 发布:程序员必备 编辑:程序博客网 时间:2024/05/29 15:00
查看原文:http://www.ibloger.net/article/412.html
有两种方式实现,一种方式是在html中验证,一种方式是在js中进行验证
方式一:
<th data-options="filed:'remark',width:200,editor:{type:'textarea'}">备注</th>
方式二:
<th data-options="filed:'remark',width:200,editor:{type:'textarea', options:{validType:'maxLength[150]'}}">备注</th>
// 长度校验$.extend($.fn.validatebox.defaults.rules,{maxLength: { validator: function(value, param){ if(value.length > param[0]){ return false; } return true; }, message: "请输入的内容小于{0}个字符." }}) // 解决datagrid中单击修改单元格时,textarea会自动将datagrid表格行撑大的问题$.extend($.fn.datagrid.defaults.editors,{textarea: {init: function(container, options){// var input = $("<textarea class='datagrid-editable-input' style='position:absolute; padding:0px; margin-top:-12px; height:120px; resize:none;' data-options=\"required:true,validType:'maxLength[10]'\"></textarea>").validatebox(options).appendTo(container);var input = $("<textarea class='datagrid-editable-input' style='position:absolute; padding:0px; margin-top:-12px; height:120px; resize:none;'></textarea>").validatebox(options).appendTo(container); return input; },getValue: function(target){ return $(target).val();},setValue: function(target, value){$(target).val(value);},resize: function(target, width){var input = $(target); if($.boxModel == true){ input.width(width - (input.outerWidth() - input.width())); }else{ input.width(width);}}}});
1 0
- JQuery easyui datagrid 单元格编辑时,使用浮动的textarea文本框并进行数据校验
- EasyUI DataGrid 编辑单元格
- easyui-datagrid 编辑单元格
- easyui-datagrid 编辑单元格
- EasyUI DataGrid 编辑单元格
- Easyui---datagrid编辑单元格及获取编辑前后数据
- easyui datagrid 单元格编辑保存
- EasyUI DataGrid可编辑单元格
- jquery easyUI 中datagrid单元格的合并
- easyui datagrid 批量编辑和提交 并改变修改过单元格的颜色
- js--easyUI----jQuery easyui datagrid 点击某个单元格即进入编辑状态,焦点移开后,保存数据
- jQuery-easyUI的使用:datagrid实现可编辑表格
- jQuery EasyUI使用教程之合并数据网格的单元格
- easyui datagrid行内编辑时的数据联动
- easyui datagrid 获得编辑后的数据
- 在jQuery EasyUI中实现对DataGrid进行编辑
- 在jQuery EasyUI中实现对DataGrid进行编辑
- EasyUI DataGrid 单元格编辑 注释版
- poj1083
- 数据库上级作业3
- VC线程Thread和事件Event
- 学习笔记之数据结构篇-01顺序表
- 无限滚动 UICollectionView
- JQuery easyui datagrid 单元格编辑时,使用浮动的textarea文本框并进行数据校验
- throw、try块和异常处理总结
- hdu 5208 Where is Bob (数位dp,k进制树合并)
- 数据库上机作业2
- 整数因子分解问题
- 使用代理的方法 iOS
- P122第17题
- chromium浏览器开发系列第四篇:如何调试最新chromium
- 僵尸进程和孤儿进程