easyui label 编辑_实现Easyui 可编辑表格

一.前端框架使用的easyui框架

二.后端使用的是jfinal

三.效果图

四.html代码

data-options="border:false">

资产名称

创建的目标资产名称

function checkShow(value,rowData,rowIndex){

if(rowData.parent == Globals.Prop.treeRoot){

return "" + rowData.name;

}else if(rowData.id == Globals.Prop.treeRoot){

return "" + rowData.name;

}else{

return rowData.name;

}

}

注意：editor:{type:'textbox',options:{required:true,validType:'length[1,30]'}}表示targerName验证规则，长度不能超过30个字符

五.js代码

var createTable = {};

createTable.editIndex = undefined;//编辑index

//渲染源链接表和字段资产信息(treegrid)

createTable.two_tableTree = function(data){

createTable.dg = $("#dg");

createTable.dg.treegrid({

idField: 'id',

treeField: 'name',

singleSelect: false

});

var gridProp = {

data:data,

width