jQuery MiniUI

标题: mini-treeselect在mini-datagrid中使用问题 [打印本页]
作者: 覆霜雪    时间: 2014-8-29 10:27:36     标题: mini-treeselect在mini-datagrid中使用问题

想得到树中某一个选中节点及其所有父节点的值，包括value和text，怎么得到，有没有一个事件在选择某一项时进行得到选择的节点的值并进行一些操作，然后再关闭树，显示值，使用普通树的方法不行
作者: felt    时间: 2014-8-29 10:35:27

请描述清楚你要做什么
作者: 覆霜雪    时间: 2014-8-29 11:12:09

felt 发表于 2014-8-29 10:35
请描述清楚你要做什么

在mini-datagrid中，单元行编辑器中，使用mini-treeselect，点击展现这个树，选择这个树中Ajax节点，他的父节点是Base，我的需求是返回父节点和子节点的值，值包括id,text，放入行编辑器中，或是放至本行相邻一列中，再添加一行后，可执行上边相同操作。
作者: felt    时间: 2014-8-29 13:54:04

覆霜雪 发表于 2014-8-29 11:12
在mini-datagrid中，单元行编辑器中，使用mini-treeselect，点击展现这个树，选择这个树中Ajax节点，他的 ...

监听oncellendedit自己获取数据去处理
作者: 覆霜雪    时间: 2014-8-29 14:14:48

felt 发表于 2014-8-29 13:54
监听oncellendedit自己获取数据去处理

选择这个树中节点，怎么能得到所有父节点，oncellendedit怎么用，给代码看看
作者: felt    时间: 2014-8-29 14:39:38

覆霜雪 发表于 2014-8-29 14:14
选择这个树中节点，怎么能得到所有父节点，oncellendedit怎么用，给代码看看 ...

treeselect不支持树的复杂操作
可以用buttonedit+mini.open,弹出页面中放入tree
作者: 覆霜雪    时间: 2014-8-29 16:16:28

felt 发表于 2014-8-29 14:39
treeselect不支持树的复杂操作
可以用buttonedit+mini.open,弹出页面中放入tree

   <!-- 这是  主页面  datagrid中的编辑器 -->      
   <div name="course"  field="course" headerAlign="center"  width="150" renderer="onCourseRenderer">练习节点
                    <input id="courseId" name="courseId" property="editor" class="mini-buttonedit" width="300px" />
    </div>

                    //弹出文本框  弹出科目树页面                function onButtonEdit(e) {                    var btnEdit = this;                    mini.open({                        url: "${ctx}/login/test!totesttree",                            title: "多选树",                        width: 350,                        height: 350,                             onload: function () {                                   var ifr = this.getIFrameEl();                                   var data = { action: "tree"};                                   ifr.contentWindow.SetData(data);                            },                                                              ondestroy: function (action) {                            if (action == "ok") {                                var iframe = this.getIFrameEl();                                                                var data = iframe.contentWindow.GetData();                                                                data = mini.clone(data);                                                                                        btnEdit.setValue(data.id);                                btnEdit.setText(data.text);                            }                        }                    });                                                 }
[attach]5092[/attach][attach]5093[/attach][attach]5091[/attach]
这里得到的文本“other”都是最后一条记录1005的文本，第一条应该为Base,Ajax，第二条应为

   <!-- 这是 树页面  中的返回数据的函数 -->  
    function GetData() {        var node = tree.getSelectedNode();                var nodeText = "";                var nodeId = "";            var node = tree.getSelectedNode();            var pnode = tree.getAncestors ( node );            if (node) {                for (var i = 0, l = pnode.length; i < l; i++) {                    var p = pnode;                    if(i!=0){                        nodeText = nodeText + p.text + ",";                        nodeId = nodeId + p.id + ",";                    }
                }                                nodeText = nodeText + node.text;                node.text = nodeText;                node.id =  nodeId + node.id;            } else {                alert("请选中节点");            }        return node;    }
[attach]5090[/attach]


请帮忙看看哪里出的错，应该修改哪里呀？？？


作者: felt    时间: 2014-8-29 17:20:03

覆霜雪 发表于 2014-8-29 16:16
练习节点
                    
     

你这代码根本看不清啊。。。
http://www.miniui.com/demo/#src=datagrid/rowedit_openwindow.html
参考这个例子，直接grid.updateRow去更新数据
作者: 覆霜雪    时间: 2014-9-1 11:05:13

felt 发表于 2014-8-29 17:20
你这代码根本看不清啊。。。
http://www.miniui.com/demo/#src=datagrid/rowedit_openwindow.html
参考这 ...

  <!-- 这是  主页面  datagrid中的编辑器 -->
  1.   <div name="course"  field="course" headerAlign="center"  width="150" renderer="onCourseRenderer">练习节点
  2.                     <input id="courseId" name="courseId" property="editor" class="mini-buttonedit" width="300px" />
  3.     </div>
复制代码
//弹出文本框  弹出科目树页面方法
  1.          function onButtonEdit(e) {
  2.                     var btnEdit = this;
  3.                     mini.open({
  4.                         url: "",   
  5.                         title: "多选树",
  6.                         width: 350,
  7.                         height: 350,
  8.                             onload: function () {
  9.                                    var ifr = this.getIFrameEl();
  10.                                    var data = { action: "tree"};
  11.                                    ifr.contentWindow.SetData(data);
  12.                             },                                      
  13.                         ondestroy: function (action) {
  14.                             if (action == "ok") {
  15.                                 var iframe = this.getIFrameEl();
  16.                                
  17.                                 var data = iframe.contentWindow.GetData();
  18.                                
  19.                                 data = mini.clone(data);
  20.                                                        
  21.                                 btnEdit.setValue(data.id);
  22.                                 btnEdit.setText(data.text);
  23.                             }
  24.                         }
  25.                     });            
  26.                      
  27.                 }
复制代码

[attach]5103[/attach][attach]5104[/attach][attach]5102[/attach]
这里得到的文本，第一条应该为Base,Ajax，第二条应为Lists，第三条应该为Other，但现在三条得到的都是Other


//这里是树页面GetData方法
  1.     function GetData() {
  2.         var node = tree.getSelectedNode();
  3.                 var nodeText = "";
  4.                 var nodeId = "";
  5.             var node = tree.getSelectedNode();
  6.             var pnode = tree.getAncestors ( node );
  7.             if (node) {
  8.                 for (var i = 0, l = pnode.length; i < l; i++) {
  9.                     var p = pnode[i];
  10.                     if(i!=0){
  11.                         nodeText = nodeText + p.text + ",";
  12.                         nodeId = nodeId + p.id + ",";
  13.                     }

  15.                 }               
  16.                 nodeText = nodeText + node.text;
  17.                 node.text = nodeText;
  18.                 node.id =  nodeId + node.id;
  19.             } else {
  20.                 alert("请选中节点");
  21.             }
  22.         return node;
  23.     }
复制代码
[attach]5105[/attach]


作者: dforce    时间: 2014-9-1 13:49:29

覆霜雪 发表于 2014-9-1 11:05
//弹出文本框  弹出科目树页面方法

[attach]5109[/attach]
看下这个例子是不是你要的效果
如果不是的话，把你的页面打包发上来





欢迎光临 jQuery MiniUI (http://miniui.com/discuss/) Powered by Discuz! X2