树形的下拉框有没有怎么做？

fengshuo

看了很多文档和示例，全部都是那种像组织机构的那种左边是树右边是详细，那个不是树形下拉我要做一个纯粹的select的下拉框，如图所示的形式，应该怎么做？

jishuang

http://docs.wex5.com/bex5-ui-question-list-10018/

fengshuo

这个问题之前发过很多个帖子，都是叫我看这个帖子，但是问题还是没有解决，这个树形的效果始终实现不了
DATE的DIV：
<div component="$UI/system/components/justep/data/data" autoLoad="true" xid="fLXData" isTree="true" idColumn="id">
   <column label="ID" name="id" type="String" xid="xid2"></column>
   <column label="信息类型" name="lx" type="String" xid="xid3"></column>
   <column label="父ID" name="pid" type="String" xid="xid4"></column>
   <column label="节点类型关系" name="nodeKind" type="String" xid="xid5"></column>
   <treeOption nodeKindRelation="nodeKind" parentRelation="pid" xid="default4"></treeOption>
   <data xid="default11">
    [{&quot;id&quot;:&quot;0&quot;,&quot;lx&quot;:&quot;问题&quot;,&quot;nodeKind&quot;:&quot;T0&quot;},{&quot;id&quot;:&quot;1&quot;,&quot;lx&quot;:&quot;需求&quot;,&quot;nodeKind&quot;:&quot;T0&quot;},{&quot;id&quot;:&quot;2&quot;,&quot;lx&quot;:&quot;建议&quot;,&quot;nodeKind&quot;:&quot;T0&quot;},{&quot;id&quot;:&quot;3&quot;,&quot;lx&quot;:&quot;投诉&quot;,&quot;pid&quot;:&quot;&quot;,&quot;nodeKind&quot;:&quot;T0&quot;},{&quot;id&quot;:&quot;00&quot;,&quot;lx&quot;:&quot;制造类&quot;,&quot;pid&quot;:&quot;0&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;01&quot;,&quot;lx&quot;:&quot;产品类&quot;,&quot;pid&quot;:&quot;0&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;02&quot;,&quot;lx&quot;:&quot;职能类&quot;,&quot;pid&quot;:&quot;0&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;03&quot;,&quot;lx&quot;:&quot;其它类&quot;,&quot;pid&quot;:&quot;0&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;10&quot;,&quot;lx&quot;:&quot;制造类&quot;,&quot;pid&quot;:&quot;1&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;11&quot;,&quot;lx&quot;:&quot;产品类&quot;,&quot;pid&quot;:&quot;1&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;12&quot;,&quot;lx&quot;:&quot;职能类&quot;,&quot;pid&quot;:&quot;1&quot;,&quot;nodeKind&quot;:&quot;T1&quot;},{&quot;id&quot;:&quot;13&quot;,&quot;lx&quot;:&quot;其它类&quot;,&quot;pid&quot;:&quot;1&quot;,&quot;nodeKind&quot;:&quot;T1&quot;}]
   </data>
  </div>
树形下拉的DIV：
<div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect" xid="fLX1111" bind-ref='$model.inXxData.ref("fLX1")' bind-labelRef='$model.inXxData.ref("fLX2")'>
                            <option xid="option2" appearance="tree" data="fLXData" value="id" label="lx" expandColumn="lx"></option>
                           </div>

jishuang

data中直接编辑的数据不支持树形，树形需要的json格式参考
http://docs.wex5.com/bex5-ui-question-list-10106/

fengshuo

可以给个非ORG的树型下拉案例吗？
所有的例子和帖子，全部都是依照org形式写的例子，没有参考价值

fengshuo

var json = {"rows":[{"AP_SXSJ":"1","fName":"办公用品","fParentID":{},"rows":[{"AP_SXSJ":"2","fName":"记事本","fParentID":"1"},{"AP_SXSJ":"3","fName":"笔","fParentID":"1"}]}]};
         var data = this.comp("treeData");
         data.loadData(json,true);
         var grid= this.comp("treeGrid");
         grid.refresh();
这里是说要把grid进行刷新，我使用gridSelect根本就没有treeGrid，这个树形下拉到底应该怎么做？就不能给个成功的案列吗？
为了这个树形的下拉，我发帖很多回了，都没有一个合适的解决方案

jishuang

1.gridSelect中的获取grid用
this.comp("gridSelect").grid
2.参考普通data的定义

1. <div component="$UI/system/components/justep/data/data" autoLoad="false"
   
2.       xid="treeData5" idColumn="fID" isTree="true">
   
3.       <column name="fID" type="String" xid="xid15"/>  
   
4.       <column name="fParentID" type="String" xid="xid16"/>  
   
5.       <column name="fName" type="String" xid="xid17"/>  
   
6.       <column name="fKind" type="String" xid="xid19"/>  
   
7.       <treeOption xid="default27" parentRelation="fParentID" nodeKindRelation="fKind"/>
   
8.     </div>

复制代码

gridSelect的定义

1. <div class="x-gridSelect" component="$UI/system/components/justep/gridSelect/gridSelect"
   
2.             xid="gridSelect13" bind-ref="$model.mainData.ref("fName")" bind-labelRef="$model.mainData.ref("fName")"
   
3.             onShowOption="gridSelect13ShowOption">
   
4.             <option xid="option17" data="treeData5" value="fName" label="fName"
   
5.               appearance="tree" autoLoad="true" expandColumn="fName"/>
   
6.           </div>

复制代码

gridSelect的onShowOption事件中下载下拉数据

1.         Model.prototype.gridSelect13ShowOption = function(event){
   
2.                 var json = {"rows":[{"fID":"1","fName":"办公用品","fParentID":{},"fKind":"","rows":[{"fID":"2","fName":"记事本","fParentID":"1","fKind":"","rows":[{"fID":"4","fName":"4K记事本","fParentID":"2","fKind":"nkLeaf"},{"fID":"5","fName":"8K记事本","fParentID":"2","fKind":"nkLeaf"}]},{"fID":"3","fName":"笔","fParentID":"1","fKind":"nkLeaf"}]}]};
   
3.                 var treeData = this.comp("treeData5");
   
4.                 treeData.loadData(json);
   
5.                 var grid = event.source.grid;
   
6.                 grid.refresh()
   
7.         };

复制代码