轉帖|其它|編輯:郝浩|2011-04-21 14:09:25.000|閱讀 1861 次
概述:今天我將和你分享另一個更加完美的技術控件(Telerik RadTreeview)控件.RadTreeview 是一個功能非常豐富的Asp.Net控件。它可以讓具有層次結構的數據的顯示,管理,導航變得輕而易舉,該產品提供非常豐富的高級特性,如拖放,按需要加載(MSDN-style), 右鍵上下文菜單,組合框模式,自動sql綁定等特性。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
朋友們、同行們通過前面《跟我學Telerik公司的RadControls控件》系列三篇的學習,你一定會內心有一種涌動,有種相見 (RadControls)恨晚的感覺。那就和曉軍一起加入學習RadControls控件的行列,為IT的朋友提供更加明了化的技術大餐,歡迎……
今天我將和你分享另一個更加完美的技術控件(Telerik RadTreeview)控件.RadTreeview 是一個功能非常豐富的Asp.Net控件。它可以讓具有層次結構的數據的顯示,管理,導航變得輕而易舉,該產品提供非常豐富的高級特性,如拖放,按需要加載(MSDN-style), 右鍵上下文菜單,組合框模式,自動sql綁定等特性。
概要:
實例分析:
1、實例圖
注:看上圖當子節點部分選中時,本節點出現虛空狀態,使用人員一眼就可以看到,那個節點下面是部分選中,呵呵,夠人性化了吧。頁面也
很美觀,給人以視覺沖擊。
2、在html代碼中加入
<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
或<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>
3、 拖拽控件RadTreeView控件到html頁面
<telerik:RadTreeView runat="server" ID="rtvMenu" CheckBoxes="true" CheckChildNodes="true"
TriStateCheckBoxes="true">
</telerik:RadTreeView>
4、后臺代碼
遞歸綁定控件數據,在這里就不多敘述了……
注意:本控件不僅有以上功能,可以可以方便實現動態加載,如圖:
當點擊節點時,才動態加載其子節點,如上圖紅框效果。
代碼:
<telerik:RadTreeView ID="RadTreeView1" runat="server" Height="300px" Width="100%" OnNodeExpand="RadTreeView1_NodeExpand" />
事件:
protected void RadTreeView1_NodeExpand(object sender, RadTreeNodeEventArgs e)
{
PopulateNodeOnDemand(e, TreeNodeExpandMode.ServerSideCallBack);
}
private static void PopulateNodeOnDemand(RadTreeNodeEventArgs e, TreeNodeExpandMode expandMode)
{
DataTable data = GetChildNodes(e.Node.Value);
foreach (DataRow row in data.Rows)
{
RadTreeNode node = new RadTreeNode();
node.Text = row["Title"].ToString();
node.Value = row["CategoryId"].ToString();
if (Convert.ToInt32(row["ChildrenCount"]) > 0)
{
node.ExpandMode = expandMode;
}
e.Node.Nodes.Add(node);
}
e.Node.Expanded = true;
}
好了,以上就是我目前使用到的RadTreeview 控件的常用技術點,詳細的還需要在使用的過程中慢慢揣摩,也真誠的希望各位朋友和我共同學習、探討微軟相關控件的真正使用精髓。
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:博客園