`

zTree 使用， 和模式窗口传参

子窗体传值 
阅读更多
a.html（父窗体）
   js:
        //显示树
$("#showTree").click(function(){
var url="showModalTree.action";
var ret = window.showModalDialog(url,'','dialogHeight=520px;dialogWidth=366px;scroll=no;center:yes;status:no;help:no;');
          //接收从子窗体传过来的参数
     if(ret!=null){
var va = ret.split(',');
$(this).val(va[1]);
$("#Did").val(va[0]);
$("#description").val(va[2]);
} });


b.html（子窗体）
     <script type="text/javascript">

//树形菜单
//窗体加载树
zTree_Menu = null;

var setting = {
view: {
showLine: true,      //设置 zTree 不显示节点之间的连线
selectedMulti: false,   //禁止多点同时选中的功能
dblClickExpand: false    //取消默认双击展开父节点的功能
},
   callback: {
beforeClick: beforeClick,     //用于捕获单击节点之前的事件回调函数，并且根据返回值确定是否允许单击操作
onClick: onClick
}
};


function beforeClick(treeId, node) {
if (node.isParent) {
zTree_Menu.expandNode(node);
}
return !node.isParent;
}


function onClick(event, treeId, treeNode) {
   window.returnValue = treeNode.id+ "," + treeNode.name + "," + treeNode.description;   //子窗体向父窗体传值
   window.close();
};

 
   
$().ready(function(){
var  zNodeszx=[<%=request.getAttribute("zstr").toString() %>];
$.fn.zTree.init($("#treeDemo3"), setting,zNodeszx);
zTree_Menu = $.fn.zTree.getZTreeObj("treeDemo3");
});

</script>
  </head>
 
  <body>
 
  <form id="forms" method="post" action="uploadFile.action">
<!-- 第三棵树选中的树结点 -->
   
    <div class="zTreeDemoBackground left" >  <!-- style="width: 100%; height: 136px; overflow: auto" -->
<ul id="treeDemo3" name="treeDemo3" class="ztree"></ul>
    </div>
</form>

  </body>
分享到：
| jquery 树-----zTree
评论
发表评论

文章已被作者锁定，不允许评论。

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics