admin 管理员组

文章数量: 1087649

easyui行文本编辑，日期编辑

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行文本编辑，日期编辑

版权声明：本文标题：easyui行文本编辑，日期编辑 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1700299559a386239.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。