您的位置:首页 > 产品设计 > UI/UE

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: