经典实例--客户端操作带CheckBox的TreeView(1)--选择 /取消父节点后其所有子节点自动选择 /取消。不过里面有点小问题要注意:

(1)就是如何初始化已经选择的节点:注意要从客户端初始化的(把选择的节点放在客户端一个隐藏域里通过JS初始化).如果你在服务器端初始化了将无法在客户端修改它的状态.

(2)如何获得客户端设置的节点:在客户端改变了选择状态(node.setAtrribute("check","ture"))后,通过服务器端是无法获得选择的值的,也只能在客户端获得它(通过一个input type="hiiden" runat="server"来保存选择的值).

详细代码:
<script language="javascript">>

 

经典实例--客户端操作带CheckBox的TreeView    <body MS_POSITIONING="FlowLayout" onload="initchecknode()">
经典实例--客户端操作带CheckBox的TreeView        
<form id="Form1" method="post" runat="server">
经典实例--客户端操作带CheckBox的TreeView            
<FONT face="宋体">
经典实例--客户端操作带CheckBox的TreeView                
<TABLE class="main" id="Table1">
经典实例--客户端操作带CheckBox的TreeView                    
<TR>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD align="center" height="50">权限管理</TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                    
</TR>
经典实例--客户端操作带CheckBox的TreeView                    
<TR>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD>用户名:
经典实例--客户端操作带CheckBox的TreeView                            
<asp:label id="lblUserName" runat="server">Label</asp:label></TD>

经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                    
</TR>
经典实例--客户端操作带CheckBox的TreeView                    
<TR>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD><iewc:treeview id="TreeView1" runat="server" ExpandLevel="1" SelectExpands="True" SystemImagesPath="/webctrl_client/1_0/treeimages/"
经典实例--客户端操作带CheckBox的TreeView                                ImageUrl
="images/fclose.gif" SelectedImageUrl="images/bookmark.gif" ExpandedImageUrl="images/fopen.gif"
经典实例--客户端操作带CheckBox的TreeView                                Target
="main" AutoSelect="True" wilth="100%"></iewc:treeview></TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                    
</TR>
经典实例--客户端操作带CheckBox的TreeView                    
<TR>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD align="center" height="50">
经典实例--客户端操作带CheckBox的TreeView                            
<asp:button id="BtnSure" runat="server" Text="保存"></asp:button>&nbsp;
经典实例--客户端操作带CheckBox的TreeView                        
</TD>
经典实例--客户端操作带CheckBox的TreeView                        
<TD></TD>
经典实例--客户端操作带CheckBox的TreeView                    
</TR>
经典实例--客户端操作带CheckBox的TreeView                
</TABLE>
经典实例--客户端操作带CheckBox的TreeView            
<INPUT id="checkedNodes" type="hidden" size="32" runat="server" NAME="checkedNodes"> <!--已经选择的节点每个节点间用","分隔.-->
经典实例--客户端操作带CheckBox的TreeView            
<INPUT id="unchecked" type="hidden" size="32">
经典实例--客户端操作带CheckBox的TreeView        
</form>
经典实例--客户端操作带CheckBox的TreeView    
</body>

主要后台代码:

经典实例--客户端操作带CheckBox的TreeView
经典实例--客户端操作带CheckBox的TreeView
经典实例--客户端操作带CheckBox的TreeView
经典实例--客户端操作带CheckBox的TreeView        
经典实例--客户端操作带CheckBox的TreeView
//数据访问实例
经典实例--客户端操作带CheckBox的TreeView
protected ClassConn connE = new ClassConn();
经典实例--客户端操作带CheckBox的TreeView
经典实例--客户端操作带CheckBox的TreeView
private void Page_Load(object
 sender, System.EventArgs e)

相关文章: