combobox中动态载入tree数据

html布局

<table id="userInfoTab"  cellpadding="5"  cellspacing="10"  style="border-collapse:separate; border-spacing:60px;width: 100%;height:100%;" >
                    <thead>
                        <tr>
                            <td style="text-align: right;">角色名称:</td>
                            <td><input id="roleName" readonly="readonly"  class="easyui-textbox"
                                style="width: 180px"></td>
                            <td style="text-align: right;">角色功能:</td>
                            <td>
                                <select id="roleFun" class="easyui-combobox" data-options="editable:false,multiple:true,panelHeight:'400px'" style="width:180px"></select>
                                <div id="roleFunPanel">
                                    <ul id="roleFunTree" class="easyui-tree"  data-options="animate: true,checkbox:true">
                                        <li>线路列表1</li>
                                        <li>线路列表2</li>
                                        <li>线路列表3</li>
                                    </ul>                                
                                </div>                            
                           </td>        
                        </tr>
                    </thead>
            </table>

 

JS代码

$('#roleFun').combobox('setText',"下拉选择功能:");
$('#roleFunPanel').appendTo($('#roleFun').combo('panel'));  //appendTo方法用于把roleFunPanel追加到roleFun中去

4 $.getJSON("web-common/getRoleFunTree.action?_dc=" + Math.random(),function(jsonData) 5  { 6 $('#roldFunTree').tree('loadData',jsonData); 7 });