jQuery MiniUI

标题: mini-treegrid 的动态编辑 [打印本页]

作者: lzf1992123 时间: 2018-6-8 13:41:44 标题: mini-treegrid 的动态编辑

下拉选择，为什么只能写一个呢，其他属性怎么定义，比如是否可编辑，字符长度

我的json：
{
"value":"a",
      "code":"b",
"field": {
         "name":"bbbb",
            "parent":"a",
         "config":{
                  "editor":{
                        "name":"ComboBox",
                        "option":{
                                 "showNullItem":"true",
                                 "nullItemText":"BBBB",
                        },
                        "onvalidation":"validate(2)"
                  }
         }
      }
},

作者: lzf1992123 时间: 2018-6-8 14:18:59

"option":{
                                 "showNullItem":"true",
                                 "nullItemText":"BBBB",
                        },

这两个属性啥意思？？？不知道怎么加选择项。miniui的其他属性怎么在json中配置

作者: lzf1992123 时间: 2018-6-8 14:39:23

急急急！！！！！！！！！！！！！！

作者: felt 时间: 2018-6-8 15:37:11

你这json格式都不符合我们控件需求的格式。这不是我们控件的写法
我们一列的数据需要这样的
{
field:"",
header:"",
name:"",
editor:{
      type:"combobox",
      showNullItem:true,
      nullITemText:"xxxx",
      url:"....."
}
}

作者: lzf1992123 时间: 2018-6-8 15:42:08

felt 发表于 2018-6-8 15:37
你这json格式都不符合我们控件需求的格式。这不是我们控件的写法
我们一列的数据需要这样的
{

我在这个json中怎么设置它的其他属性，比如enabled，required

作者: felt 时间: 2018-6-8 16:27:56

lzf1992123 发表于 2018-6-8 15:42
我在这个json中怎么设置它的其他属性，比如enabled，required

  editor:{
      type:"combobox",
      showNullItem:true,
      nullITemText:"xxxx",
      url:".....",
      enabled:false,
      required:true
}

作者: lzf1992123 时间: 2018-6-8 16:40:58

felt 发表于 2018-6-8 16:27
editor:{
type:"combobox",
showNullItem:true,

这样写，这些属性都没起作用，是不是页面也得怎么配呢，大神哥

作者: felt 时间: 2018-6-8 16:50:32

lzf1992123 发表于 2018-6-8 16:40
这样写，这些属性都没起作用，是不是页面也得怎么配呢，大神哥

这是这列里面combobox的属性

作者: lzf1992123 时间: 2018-6-8 16:55:45

felt 发表于 2018-6-8 16:50
这是这列里面combobox的属性

不是的，是一个单元格的属性,点击某个单元格会启动这个单元格的编辑器

作者: felt 时间: 2018-6-8 17:02:27

lzf1992123 发表于 2018-6-8 16:55
不是的，是一个单元格的属性,点击某个单元格会启动这个单元格的编辑器

你的描述太不清楚了
请提供一个能重现问题html来重现你说的问题，包括数据，打开能直接运行显示你说的问题的

作者: lzf1992123 时间: 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不起作用

作者: felt 时间: 2018-6-11 09:43:31

lzf1992123 发表于 2018-6-8 17:57
这是页面代码：

enabled的值需要是布尔值

作者: lzf1992123 时间: 2018-6-12 14:19:51

felt 发表于 2018-6-11 09:43
enabled的值需要是布尔值

谢谢，谢谢...

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)