Combotree 实现树结构-前台页面点击某个结点,input框为xx-xx-xx内容
2018-03-23 10:38
267 查看
//加载目录树
$("#column").combotree({
//后台遍历树结点方法,返回json
url : path + "/op/queryPublishColumn.do?id="+id,
width : '100%',
height : 34,
onLoadSuccess: function (node, data) {
if (data != null) {
node = $('#selShenqFuwujg').combotree("tree").tree("find", data);
}
},
onSelect: function (dirId) {
//此方法onselect点击后input框xx-xx-xx内容失败,改为onChange
},
onChange: function() {
var tree = $('#column').combotree('tree');
var selectedNode = tree.tree('getSelected');
if (selectedNode) {
var path = new Array();
do {
path.unshift(selectedNode.text);
selectedNode = tree.tree('getParent', selectedNode.target);
} while (selectedNode);
var pathStr = '';
for (var i = 0; i < path.length; i++) {
pathStr += path[i];
if (i < path.length - 1) {
pathStr += '-';
}
}
$('#column').combotree('setValue' , pathStr);
}
}
});
附jsp定义及后台代码:
$("#column").combotree({
//后台遍历树结点方法,返回json
url : path + "/op/queryPublishColumn.do?id="+id,
width : '100%',
height : 34,
onLoadSuccess: function (node, data) {
if (data != null) {
node = $('#selShenqFuwujg').combotree("tree").tree("find", data);
}
},
onSelect: function (dirId) {
//此方法onselect点击后input框xx-xx-xx内容失败,改为onChange
},
onChange: function() {
var tree = $('#column').combotree('tree');
var selectedNode = tree.tree('getSelected');
if (selectedNode) {
var path = new Array();
do {
path.unshift(selectedNode.text);
selectedNode = tree.tree('getParent', selectedNode.target);
} while (selectedNode);
var pathStr = '';
for (var i = 0; i < path.length; i++) {
pathStr += path[i];
if (i < path.length - 1) {
pathStr += '-';
}
}
$('#column').combotree('setValue' , pathStr);
}
}
});
附jsp定义及后台代码:
相关文章推荐
- 同一页面中实现点击其中一个iframe中的链接后,将链接内容显示到另一iframe
- 织梦前台模板页面实现显示发布时间格式为XX秒前、XX分钟前
- JSP页面中JQ实现---当点击按钮的时候,改变原来样式,内容也发生改变,再次点击变成原来的样子
- 怎么样实现左侧页面点击后右边页面显示内容
- 点击新增按钮,弹出对话框,并且对话框加载另外一个页面的内容的具体实现
- 用A标签实现页面内容定位 点击链接跳到具体位置
- js实现鼠标点击input框后里面的内容就消失代码
- cookie存储用户登录状态 并且修改导航内容(欢迎***), 实现部分导航点击后判断未登录则跳入登录页面
- JavaScript 实现点击链接,多个页面内容同时改变的效果
- 实现同一页面点击导航下边内容直接替换
- js实现鼠标点击input框后里面的内容就消失代码
- 实现点击页面弹窗,选择弹窗中内容发送回主页面的大概思路。
- android 实现子页面点击返回的时候刷新父页面的内容
- js实现鼠标点击input框后里面的内容就消失代码
- 输出带有是/否的对话框,实现效果是:点击是,继续添加内容,点击否,返回自己定义的页面
- AJAX实现不刷新页面点击按钮在目标位置加载目标内容
- 点击左边树结点实现右边页面跳转
- js实现当页面文字过长时用...表示,当点击时显示全部内容
- jQuery如何实现点击页面获得当前点击元素
- JS实现点击下拉菜单把选择的内容同步到input输入框内的实例