easyUI-combotree的本地数据导入

一、页面内容：

<div style="margin:10px 0">
　　<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="getValue()">GetValue</a>
　　<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="setValue()">SetValue</a>
　　<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="disable()">Disable</a>
　　<a href="javascript:void(0)" class="easyui-linkbutton" οnclick="enable()">Enable</a>
</div>
<input id="cc" class="easyui-combotree" style="width:200px; ">

二、JS

$(function(){
$('#cc').combotree('loadData', [{
　　id: 1,
　　text: 'Languages',
　　children: [{
　　　　　　id: 11,
　　　　　　text: 'Java'
　　　　　　},
　　　　　　{
　　　　　　id: 12,
　　　　　　text: 'C++'
　　　　　　}]
　　},
　　{
　　　id: 2,
　　　text: 'fruits',
　　　children: [{
　　　　　　　　id: 21,
　　　　　　　　text: 'appale'
　　　　　　　　},
　　　　　　　　{
　　　　　　　　id: 22,
　　　　　　　　text: 'orange'
　　　　　　　　},
　　　　　　　　{
　　　　　　　　id: 23,
　　　　　　　　text: 'banana'
　　　　　　　　}]
　　　　}
　　]);
});
function getValue(){
　　var val = $('#cc').combotree('getValue');
　　var text = $('#cc').combotree('getText');
　　alert("val="+val+",text="+text);
}
function setValue(){
　　$('#cc').combotree('setValue', '这是设定的值');
}
function disable(){
　　$('#cc').combotree('disable');
}
function enable(){
$('#cc').combotree('enable');
}

 三、展示

 

转载于:https://www.cnblogs.com/Lxiaojiang/p/6168808.html