artDialog、Ztree初体验(2)
});
function zTreeOnAsyncSuccess(event, treeId, treeNode, msg) {
if (art.dialog.data('User')) {//这里有用到artDialog插件
var ID = top.art.dialog.data('User');// 获取由主页面传递过来的数据
var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo")
var zTree = zTreeObj.getCheckedNodes(false);
for (var i = 0; i < zTree.length; i++) {
if (ID.indexOf("," + zTree[i].id + ",") != -1) {
zTreeObj.checkNode(zTree[i], true);
}
}
};
};
这里应用的场景为已经选择了这些用户,然后关掉了弹出框,然后又需要重新选择用户时,则第一次选择的用户需要在初始化的时候进行赋值。
我们看下父窗体中怎么配置的(弹窗插件的使用方法):
引用相关文件:
<script type="text/javascript" src="/Scripts/artDialog/artDialog.source.js?skin=blue"></script>
<script type="text/javascript" src="/Scripts/artDialog/iframeTools.source.js"></script>
第一个文件是弹窗插件的核心JS,后面skin=blue表示选择那个皮肤(具体参考官网)。
第二个文件是需要在iframe中使用时所引用的,需要使用第二个文件中的open函数。
function OpenFrame_Radio() {
art.dialog.data('User', $('#UUpUserID').val());//获取需要传到子窗体的值
art.dialog.open('/DepartMent/SetUser_Radio/', { height: '80%', width: '20%', title: "选择直属上级", lock: true }, false);//打开子窗体
}
这样调用这个函数的时候就会以弹出框的形式打开“/DepartMent/SetUser_Radio/”这个页面了,我们再看看子窗体中如何接受父窗体传过来的值,其实上面有说到的:
var ID = top.art.dialog.data('User');//如果页面不引用artDialog的文件则使用TOP来调用最外层的iframe所引用的文件,效果相同。这里注意date里面的值需要跟父窗体中的命名一致。
- 发表评论
-
- 最新评论 更多>>