easyui行文本编辑,日期编辑
2017-09-25 15:09
134 查看
var fields="id,sn,name,ownerName,startDate,finishDate,taskLevel"; $(function() { var taskIds = $("#taskIds").val(); $('#dg').datagrid({ idField : 'id', title:'计划变更', url:'xxxxxxController.do?datagrid&taskIds='+taskIds+"&field="+fields, fit : true, onClickCell:onClickCell, columns:[[ {field:'id',title:'id',hidden:true}, {field:'sn',title:'编码',width:120,sortable:false}, {field:'name',title:'名称',width:120,sortable:false}, {field:'ownerName',title:'负责人',width:120,sortable:false}, {field:'startDate',title:'计划开始日期',width:120,sortable:false,formatter:formatDate}, {field:'finishDate',title:'计划结束日期',width:120,sortable:false,formatter:formatDate}, {field:'changeFinish',title:'变更后结束日期',width:120,sortable:false,formatter:formatDate,editor:'datebox',required:true}, {field:'taskLevel',title:'级别',width:60,sortable:false}, {field:'reason',title:'变更原因',width:120,editor:'text',required:true} ]] }); }); function formatDate(value){ return new Date().format('yyyy-MM-dd',value); } var editIndex = undefined; function onClickCell(index, field) { if (endEditing()) { $('#dg').datagrid('selectRow', index) .datagrid('editCell', { index: index, field: field }); editIndex = index; } } function endEditing() { if (editIndex == undefined) { return true } if ($('#dg').datagrid('validateRow', editIndex)) { $('#dg').datagrid('endEdit', editIndex); editIndex = undefined; return true; } else { return false; } } $.extend($.fn.datagrid.methods, { editCell: function (jq, param) { return jq.each(function () { var opts = $(this).datagrid('options'); var fields = $(this).datagrid('getColumnFields', true).concat($(this).datagrid('getColumnFields')); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor1 = col.editor; if (fields[i] != param.field) { col.editor = null; } } $(this).datagrid('beginEdit', param.index); for (var i = 0; i < fields.length; i++) { var col = $(this).datagrid('getColumnOption', fields[i]); col.editor = col.editor1; } }); } });
上面是js
下面是jsp
<table style="width:100%" id="dg"></table>
相关文章推荐
- easyui datagrid 编辑状态时,为列添加文本改变事件
- 保持日期格式编辑easyui的datebox
- Java_日期操作_解析文本为日期对象
- EasyUI 日期时间框
- easyui-datagrid行编辑,获取每一行某列的值
- 如何编辑VC中的树形控件的结点文本!
- excel中日期转换成指定的文本格式
- easyui 数据表格行内编辑(编辑、保存、删除)
- Easyui ueditor 整合解决不能编辑的问题(推荐)
- 几种设置表单元素中文本输入框不可编辑的方法总结
- easyui 校验 日期类型(easyui-datetimebox)的特殊性
- 实现Easyui 可编辑表格
- easyui datagrid 单元格编辑(cell editing)
- 用MFC写文本文档的编辑字处理程序
- 每次用UltraEditor编辑文本都会生成一个.txt.bak文件,好烦人的,怎么才能让它不生成呢。
- Easyui_datebox验证-开始日期小于结束日期
- 七个高效的编辑文本的习惯 (转)
- excel 用宏将日期数字类型的列转换为字符文本列 c#导入excel 日期变成数字 怎么办?这是最好的解决办法
- 表单(中)-EasyUI Combogrid 组合网格、EasyUI Numberbox 数字框、EasyUI Datebox 日期框、EasyUI Datetimebox 日期时间框、EasyUI Calendar 日历
- 如何让repositoryItemComboBox控件的文本显示为不可编辑