easyUI中comboTree的简单使用

2025-09-26 18:31:26

1、<select id="admin_base_systemmanage_finDiv_edit_sysResourceIds" name="parentAreaCode" style="min-width: 200px;width:200px;" class="select_150_20">

</select>

easyUI中comboTree的简单使用

2、function edit_initValue() {

$('#admin_base_systemmanage_finDiv_edit_sysResourceIds').combotree({

            editable : false,//是否可以编辑

            panelWidth : 300,//宽度

            panelHeight : 200,//高度

          

easyUI中comboTree的简单使用

3、  parentField : 'pid',//父类id

            multiple : false,//是否为多选

            cascadeCheck : false,

            myCascade : true,

url : '${ctx}/ajax/finDiv/tree',

onLoadSuccess : function(node, data){

easyUI中comboTree的简单使用

4、$('#admin_base_systemmanage_finDiv_edit_sysResourceIds').combotree('setValue','${finDiv.parentAreaCode}');//setValue设置默认戴救选中的值。

}

});

}

var t = $('#aa').combotree('tree'); 

var n = t.tree('getSelected'); // 获取树节点的值

alert(n.text);

easyUI中comboTree的简单使用

5、<div class="easyui-accordion" style="width:300px;height:200px;">

    <div title="手风琴" iconCls="icon-ok" style="overflow:auto;padding:10px;">

        <h3 style="color:#0099FF;">手风琴</h3>

        吧啦吧啦吧啦吧啦吧啦吧啦吧啦吧啦

    </div>

   

easyUI中comboTree的简单使用

6、 <div title="手风琴样式" iconCls="icon-reload" selected="true" style="padding:0px;">

       手风琴演沃凤醒示内容

    </div>

    </div>

</div>

easyUI中comboTree的简单使用

7、 <div class="easyui-tabs" style="width:400px;height:100px;">

        <div title="Tab选项" style="padding:10px;">

            选项一

        </div>

     态倘   <div title="选项Tab" closable="true" style="padding:10px;">

            选项二

        </div>

        <div title="选项Tab" iconCls="icon-reload" closable="true" style="padding:10px;">

           选项三

        </div>

    </div>

easyUI中comboTree的简单使用

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢