『壹』 js怎么实现复选框树形菜单勾选父节点,子节点全部勾选。子节点勾选,父节点不勾选。
提供一种方来案:
首先你要构建这个自菜单的树结构,
每个菜单的节点对象至少有以一的属性和方法。
a) value 0 (未选取),1(选取)
b) parentNode ------- 父菜单节点对象
c) childNodes ------- 子菜单对象数组.
d) checkAllChilds() {
检查所以孩子,如果全部的子节点为false,则 this.value = false;
并调用父节点的checkAllChilds()方法.
e) onChange事件,
如果是前者的话比较容易,只要判断当前节点的childNodes是不是为空就可以了.
为空的时候,通过调用父节点的checkAllChilds(),将消息向上传递.直到父节点为空或者
或父节点为选中为止.
f) setChildValue 和 checkAllChilds同理,不过是向下进行消息传递.
『贰』 使用js如何获取treeview控件的当前选中的节点
其实这个你只要对样式有点了解就可以了,没有那么复杂,用firebug看下样式,在用js或jquery获取下该样式下的结点,就行了。
『叁』 js获取TreeView控件选中节点的Text和Value值的方法
在实际项目中,遇到一个问题,首先弹出一个新窗口,新窗口中放了一个TreeView控件,TreeView控件的数据绑定在我的上一篇随笔(TreeView绑定XML数据源C#代码示例)中有讲到,现在要解决的是,如何单击TreeView中一个节点,返回Text和Value到父页面并关闭该新窗口。
首先,在后台代码中为TreeView添加属性onclick以支持TreeView的客户端事件,代码如下:
复制代码
代码如下:
if
(!IsPostBack)
{
TreeView1.Attributes.Add("onclick",
"ReturnValue()");//ReturnValue为javascript函数
BindTreeView();
}
那现在就要解决如何通过js获得TreeView中被选中的那个节点,脚本如下:
复制代码
代码如下:
function
ReturnValue()
{
var
objNode
=
event.srcElement;
var
unitid
=
event.srcElement.href;
if
(objNode.tagName
!=
"SPAN")
{
return;
}
window.opener.document.getElementById("txtUnit").value
=
objNode.getAttribute("innerHtml");
window.opener.document.getElementById("txtUnitID").value
=
unitid;
window.close();
}
其实这里用了点小花招,因为我实在不知道在哪个属性里能获得绑定给TreeView的ValueField的值,所以,Value值我一并绑给了NavigateUrl,也就是写黄色部分代码的原因,Html代码如下:
复制代码
代码如下:
<asp:TreeView
ID="TreeView1"
runat="server"
ExpandDepth="1">
<DataBindings>
<asp:TreeNodeBinding
TextField="NAME"
ValueField="Value"
NavigateUrlField="Value"
SelectAction="None"
/>
</DataBindings>
</asp:TreeView>
红色部分代码是用来获取TreeView上显示文字的,因为如果你去查看源文件的话,你会发现,TreeView的Text属性值被放在了SPAN中。
绿色部分代码是用来回填父页面的,但是要注意的是,"txtUnit"必须是客户端控件,因为如果是服务器端控件,弹窗在编译时会报不存在该控件。
这样,我需要的功能就实现了!另外,有人可能会说,父页面中用来装载回填值的是客户端控件,那如果要在服务器事件中使用怎么办?也很简单,C#代码如下:
Request.Form["txtUnit"].ToString();
但是要注意了,这里的"txtUnit"可不是控件ID,而是name属性了!
『肆』 js怎么让tree控件默认选中
$("#browser").treeview({ //prerendered: true,加载之后是否打开节点 //url:"" }); prerendered: true 这个参数是控制是否展开的 你的意思是将树的第一层节点加载后直接是展开状态的话这样设置就可以了.