<!DOCTYPE html> <body> <div id="menuTrees2" class="ztree ztree-border"></div> <div id="menuTrees" class="ztree ztree-border"></div> </body> <script> //屏蔽区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, }; $.tree3.init(options); }); //所属区域树 $(function() { var url = ctx + "jcy/ssqx/roleMenuTreeData?xqdid=" + $("#xqdid").val(); var options = { id: "menuTrees2", url: url, check: { enable: true,chkboxType: {"Y": "", "N": ""} }, expandLevel: 0, }; $.tree.init(options); }); </script> 如何从两个封装好的ztree中获取勾选中的节点
时间: 2023-07-19 19:55:47 浏览: 34
可以用以下代码从两个封装好的ztree中获取勾选中的节点:
var menuTreesCheckedNodes = $.fn.zTree.getZTreeObj("menuTrees").getCheckedNodes(true);
var menuTrees2CheckedNodes = $.fn.zTree.getZTreeObj("menuTrees2").getCheckedNodes(true);
这段代码会分别获取id为menuTrees和menuTrees2的ztree中勾选中的节点,并将结果存储在menuTreesCheckedNodes和menuTrees2CheckedNodes中。你可以根据需要对这些节点进行进一步的操作。
相关问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>v-bind</title> <!-- gaf--> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script> </head> <body> <!--一个容器--> <div id="root"> <!--获取--> <h1>hello,{{name}} ,{{address}}</h1> </div> <script type="text/javascript" > //实例 new Vue({ e1:'#root', data:{ name:'zhoujilun', address:'北京' } }) </script> </body> </html>为什么不能运行
这是因为你有一个语法错误,正确的代码应该是这样的:
```
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>v-bind</title>
<!-- gaf-->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>
</head>
<body>
<!--一个容器-->
<div id="root">
<!--获取-->
<h1>hello,{{name}} ,{{address}}</h1>
</div>
<script type="text/javascript">
//实例
new Vue({
el:'#root',
data:{
name:'zhoujilun',
address:'北京'
}
})
</script>
</body>
</html>
```
注意到以下几点:
1. `el` 属性代表要挂载的 DOM 元素,而不是 `e1`。
2. 在 `new Vue` 中将 `el` 改为 `'#root'`,因为 `id` 选择器需要加上 `#`。
3. 将 `e1` 改为 `el`。
4. 将 `data` 中的属性和值都用逗号隔开,而不是用冒号。
5. 在 `data` 中定义的属性需要在模板中使用才能渲染出来。
运行正确的代码即可看到结果。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> #div1{ background-color: photpink; width: 100px; height: 100px; } #div2{ background-color: cornflowerblue; width: 120px; height: 120px; } </style> </head> <body> <div id="div1"></div> <div id="div2"></div> </body> </html> 为什么div1不显示
在你提供的代码中,`background-color` 属性的值被设置为 `photpink`,这是一个无效的颜色值,应该是 `hotpink`(粉色)的拼写错误。因此,`div1` 的背景颜色无法正确显示。
将 `background-color` 属性的值从 `photpink` 改为 `hotpink`,代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
#div1{
background-color: hotpink;
width: 100px;
height: 100px;
}
#div2{
background-color: cornflowerblue;
width: 120px;
height: 120px;
}
</style>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>
```
这样,`div1` 的背景颜色将被正确显示为粉色。