TreeView与MultiView,View三个控件的组合使用
首先是将View放入MultiView里,不要更改默认命名.
然后对TreeView添加节点,以下是它的aspx页面代码 :
<asp:TreeView ID="TreeView1" runat="server" ImageSet="Contacts" NodeIndent="10"
Style="float: left; width: 200px" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
<ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
<HoverNodeStyle Font-Underline="False" />
<SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" />
<Nodes>
<asp:TreeNode Text="管理" Value="管理">
<asp:TreeNode Text="会员管理" Value="会员管理"></asp:TreeNode>
<asp:TreeNode Text="论坛管理" Value="论坛管理"></asp:TreeNode>
<asp:TreeNode Text="留言管理" Value="留言管理"></asp:TreeNode>
<asp:TreeNode Text="情感空间" Value="情感空间"></asp:TreeNode>
<asp:TreeNode Text="技术交流" Value="技术交流"></asp:TreeNode>
<asp:TreeNode Text="班级平台" Value="班级平台"></asp:TreeNode>
<asp:TreeNode Text="班级相册" Value="班级相册"></asp:TreeNode>
<asp:TreeNode Text="系统公告" Value="系统公告"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
<NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px"
NodeSpacing="0px" VerticalPadding="0px" />
</asp:TreeView>
Style="float: left; width: 200px" OnSelectedNodeChanged="TreeView1_SelectedNodeChanged">
<ParentNodeStyle Font-Bold="True" ForeColor="#5555DD" />
<HoverNodeStyle Font-Underline="False" />
<SelectedNodeStyle Font-Underline="True" HorizontalPadding="0px" VerticalPadding="0px" />
<Nodes>
<asp:TreeNode Text="管理" Value="管理">
<asp:TreeNode Text="会员管理" Value="会员管理"></asp:TreeNode>
<asp:TreeNode Text="论坛管理" Value="论坛管理"></asp:TreeNode>
<asp:TreeNode Text="留言管理" Value="留言管理"></asp:TreeNode>
<asp:TreeNode Text="情感空间" Value="情感空间"></asp:TreeNode>
<asp:TreeNode Text="技术交流" Value="技术交流"></asp:TreeNode>
<asp:TreeNode Text="班级平台" Value="班级平台"></asp:TreeNode>
<asp:TreeNode Text="班级相册" Value="班级相册"></asp:TreeNode>
<asp:TreeNode Text="系统公告" Value="系统公告"></asp:TreeNode>
</asp:TreeNode>
</Nodes>
<NodeStyle Font-Names="Verdana" Font-Size="8pt" ForeColor="Black" HorizontalPadding="5px"
NodeSpacing="0px" VerticalPadding="0px" />
</asp:TreeView>
然后通过点击不同的节点就能切换到不同的View上,以下是它的cs代码 :
protected void TreeView1_SelectedNodeChanged(object sender, EventArgs e)
{
switch (TreeView1.SelectedValue)
{
case "会员管理":
MultiView1.SetActiveView(View1);
break;
case "论坛管理":
MultiView1.SetActiveView(View2);
break;
case "留言管理":
MultiView1.SetActiveView(View3);
break;
case "情感空间":
MultiView1.SetActiveView(View4);
break;
case "技术交流":
MultiView1.SetActiveView(View5);
break;
case "班级平台":
MultiView1.SetActiveView(View6);
break;
case "班级相册":
MultiView1.SetActiveView(View7);
break;
case "系统公告":
MultiView1.SetActiveView(View8);
break;
}
}
{
switch (TreeView1.SelectedValue)
{
case "会员管理":
MultiView1.SetActiveView(View1);
break;
case "论坛管理":
MultiView1.SetActiveView(View2);
break;
case "留言管理":
MultiView1.SetActiveView(View3);
break;
case "情感空间":
MultiView1.SetActiveView(View4);
break;
case "技术交流":
MultiView1.SetActiveView(View5);
break;
case "班级平台":
MultiView1.SetActiveView(View6);
break;
case "班级相册":
MultiView1.SetActiveView(View7);
break;
case "系统公告":
MultiView1.SetActiveView(View8);
break;
}
}
大致就是这么多,还就是MultiView与View的组合也能做出不错的选项卡,当然只有放到ajax控件里才会有不错的效果。