楼主: lzf1992123

mini-treegrid 的动态编辑 [复制链接]

lzf1992123

注册会员

Rank: 2

11^#

发表于 2018-6-8 17:57:12 |只看该作者

felt 发表于 2018-6-8 17:02
你的描述太不清楚了
请提供一个能重现问题html来重现你说的问题，包括数据，打开能直接运行显示你说的问 ...

这是页面代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CellEdit 单元格编辑</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

<script src="/yadpt/lib/miniui/boot.js" type="text/javascript"></script>

</head>
<body>
<h1>CellEdit 单元格编辑</h1>

<div id="treegrid" class="mini-treegrid" style="width:700px;height:280px;"
url="tasks.txt" showTreeIcon="true"
treeColumn="taskname" idField="code" parentField="field.parent" resultAsTree="false"
allowResize="true" expandOnLoad="true"
allowCellEdit="true" allowCellSelect="true"
>
<div property="columns">
      <div type="indexcolumn"></div>
      <div name="taskname" field="field.name" width="160" >任务名称</div>
      <div field="value" width="80">进度

</div>
</div>

<script type="text/javascript">
mini.parse();
var treegrid = mini.get('treegrid');

// 动态编辑器
treegrid.on('cellbeginedit', function(e) {
if (e.field != 'value') {
return;
}
var type = e.record.field.editor && e.record.field.editor.name || 'TextBox';
var editor = new mini[type];
editor.set(e.record.field.editor && e.record.field.editor || '{}');
editor.on('validation', e.record.field.editor && e.record.field.editor.onvalidation || 'validate')

e.editor = editor;
e.column.editor = editor;
});

function validate(code) {
alert('' + code);
}

</script>
</body>
</html>
这是数据"tasks.txt：
[{
      "field":{
         "editor":{
            "enabled":"false",
            "name":"TextBox",
            "required":"true"
         },
         "name":"YSDW"
      },
      "name":"预算单位",
      "value":"延安市图书馆",
      "parent":"",
      "code":"YSDW"
}
]

运行enabled不起作用