jQuery MiniUI

标题: treegrid 编辑行问题 [打印本页]

作者: BaoZD 时间: 2015-8-6 09:52:11 标题: treegrid 编辑行问题

treegrid 当等于某一个值的时候禁用这一行及相对应的textbox的编辑状态。有没有什么好的解决方案

作者: dforce 时间: 2015-8-6 10:18:19

oncellbeginedit时间可以，e.cancel=true可以阻止编辑

作者: BaoZD 时间: 2015-8-6 11:53:43

dforce 发表于 2015-8-6 10:18
oncellbeginedit时间可以，e.cancel=true可以阻止编辑

我的设计是这个样子的，一列tree，一列textbox, 当tree的一个节点等于某一个值的时候其后面的textbox不能编辑，刚才我试了版主的方法，好像没有实现效果，求具体代码

作者: dforce 时间: 2015-8-6 12:02:29

BaoZD 发表于 2015-8-6 11:53
我的设计是这个样子的，一列tree，一列textbox, 当tree的一个节点等于某一个值的时候其后面的textbox不 ...

http://www.miniui.com/demo/#src=datagrid/editable.html
http://www.miniui.com/demo/#src=datagrid/editable-rowedit.html
参考表格可控编辑的示例

作者: BaoZD 时间: 2015-8-6 14:23:30

dforce 发表于 2015-8-6 12:02
http://www.miniui.com/demo/#src=datagrid/editable.html
http://www.miniui.com/demo/#src=datagrid/ed ...

版主，试了你刚才给的两种方法，但是都不行，treegrid没有找到e.editor  并且e.cancel的值等会true也没有效果
我的代码在这样的:
  <div name="taskname" field="ACName" width="160">
            资产类别名称
         </div>
         <div name="Money" field="Amount" width="160">
            资产及缴纳安保基金数额(万元)
         <input property="editor" class="mini-textbox" style="width: 100%;" vtype="float;maxLength:18" />
         </div>

作者: dforce 时间: 2015-8-6 14:33:55

BaoZD 发表于 2015-8-6 14:23
版主，试了你刚才给的两种方法，但是都不行，treegrid没有找到e.editor 并且e.cancel的值等会true也没 ...

可控编辑就是oncellbeginedit事件里处理
treegrid和datagrid是一样的
你到底是treegrid里面某列的编辑器不让编辑，还是其他地方的textbox不能编辑

作者: BaoZD 时间: 2015-8-6 14:42:01

dforce 发表于 2015-8-6 14:33
可控编辑就是oncellbeginedit事件里处理
treegrid和datagrid是一样的
你到底是treegrid里面某列的编辑器 ...

treegrid里面的某行的编辑器不能编辑：也就是Amount列中的某行不能编辑

作者: dforce 时间: 2015-8-6 14:51:16

BaoZD 发表于 2015-8-6 14:42
treegrid里面的某行的编辑器不能编辑：也就是Amount列中的某行不能编辑

tree.on("cellbeginedit",function(e){
var row=e.record,field=e.field;
if(field=="Amount"){
         if(row.xxx){ //判断条件，确定你说的某行
                  e.cancel=true;
         }
}
})

作者: BaoZD 时间: 2015-8-6 14:56:24

dforce 发表于 2015-8-6 14:51
tree.on("cellbeginedit",function(e){
var row=e.record,field=e.field;
if(field=="Amount"){ ...

         //if (field == "Amount"&&record.ACName=="类别")
         //{
         // e.cancel = true
         //}

         if (e.field == "Amount") {
            var row = e.record;
            var editor = e.editor;
            var enabled = row.ACName == "类别" ? true : false;
            editor.setEnabled(enabled);
         }
两种方案我都试过了不行，还是可以编辑，treegrid的格式我也是按照官网的来写的

作者: dforce 时间: 2015-8-6 16:01:20

BaoZD 发表于 2015-8-6 14:56
//if (field == "Amount"&&record.ACName=="类别")
//{
// e.ca ...

示例上很清楚，就是那样控制，treegrid一样适用
单元格编辑模式的，第一个例子
行编辑模式的，第二个例子

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