JQuery树形插件Dynatree的包装对象
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了JQuery树形插件Dynatree的包装对象,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2430字,纯文字阅读大概需要4分钟。
内容图文
这是JQuery Dynatree插件的包装对象,做了些改进和增强,增加了右键菜单,以及相应事件等扩展
1. [代码]MagicDTree的基本使用
<SCRIPT type=text/javascript>
$(function(){
var ctxMenu = $(‘#ctxMenu1‘);
var tree = $(‘#tree1‘);
tree.mac(‘dtree‘, {
treeConfig: {
title: Msg.region.allRegions,
rootVisible: true
},
ctxMenu: ctxMenu,
doInsert: function(dt, callback){
var d = dt.data;
d.level = d.level?d.level:0;
var p = { level: 1, path: ‘/‘, parent: ‘root‘ };
if(d.level>0){
p.parent = d.key;
p.level = d.level + 1;
if(d.level==1){
p.path = ‘/‘+ d.key + ‘/‘;
}else{
p.path = d.path + d.key + ‘/‘;
}
p.value = d.value;
}
App.open({
action: ‘editRegion‘,
title: Msg.region.add,
modal: true,
params: p
}, function(dd){
callback(dd);
//dt.deactivate();
//dt.activate();
});
},
doUpdate: function(dt, callback){
var d = dt.data;
App.open({
action: ‘editRegion‘,
title: ‘Msg.region.edit‘,
modal: true,
params: d
}, function(dd){
callback(dd);
});
},
doDelete: function(dt, callback){
mac.confirm(‘Msg.confirm.message‘, function(){
mac.alert(‘Delete is not allowed in this demo.‘)
// var p = { id: dt.data.key, level: dt.data.level };
// $.post(‘delete.php‘, p, function(data){
// var ro = mac.eval(data);
// if(ro.success){
// mac.alert(Msg.info.success, [ Msg.del ]);
// callback();
// var tx = tree.getNode(dt.data.parent);
// tx.activate();艺术字
// }else{http://www.huiyi8.com/yishuzi/?
// mac.alert(ro.data, ro.params);
// }
// });
}, [ ‘Msg.del‘ ]);
},
loader: {
url: ‘/javascript/dtree/list.php‘,
params: { key: ‘root‘ },
autoLoad: true
},
onCtxMenu: function(el){
var d = el.prop(‘dtnode‘).data;
ctxMenu.enableContextMenuItems();
if(!d.level){
ctxMenu.disableContextMenuItems(‘update,delete‘);
}
}
});
$(‘.demoSource‘).val($(‘#demo‘).html());
mac.setLanguage();
});
</SCRIPT>
<DIV id=tree1></DIV>
<UL id=ctxMenu1 class="ctxMenu">
<LI class="add item clear" action="insert"><SPAN ><SPAN class="icon icon-plus"></SPAN><SPAN>Add Region</SPAN> </SPAN></LI>
<LI class="edit item clear" action="update"><SPAN ><SPAN class="icon icon-pencil"></SPAN><SPAN>Edit Region</SPAN> </SPAN></LI>
<LI class="delete item clear" action="delete"><SPAN ><SPAN class="icon icon-minus"></SPAN><SPAN>Delete Region</SPAN> </SPAN></LI></UL>
原文:http://www.cnblogs.com/xkzy/p/3887166.html
内容总结
以上是互联网集市为您收集整理的JQuery树形插件Dynatree的包装对象全部内容,希望文章能够帮你解决JQuery树形插件Dynatree的包装对象所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。