前台页面:
<span id="show"></span>
<select id="pid" name="pid" style="width: 200px; height: 29px;"></select>
<a class="easyui-linkbutton" href="javascript:void(0)" onclick="$('#pid').combotree('clear');" >清空</a>
JavaScript页面(包括数据初始化):
$('#pid').combotree({
url : '${ctx}/village/tree',
parentField : 'pid',
lines : true,
panelHeight : 'auto',
onSelect : function(result){
var parent = result;
var tree = $('#pid').combotree('tree');
var path = new Array();
do {
path.unshift(parent.text);
var parent = tree.tree('getParent', parent.target);
} while (parent);
var pathStr = '';
for (var i = 0; i < path.length; i++) {
pathStr += path[i];
if (i < path.length - 1) {
pathStr += ' - ';
}
}
$('#show').text(pathStr);
}
});
combotree组件赋值
if ($(':input[name="id"]').val().length > 0) {
$.post( '${ctx}/village/get', {
id : $(':input[name="id"]').val(),
}, function(result) {
if (result.id != undefined) {
$('#pid').combotree('setValue',result.id);
}
}, 'json');
};
关键代码在onSelect事件中。