TreeWeb自定义 ASP.NET 控件

分享于 

9分钟阅读

Web开发

  繁體
<--文章图像 --> !

Sample Image - TreeWeb.gif

<--将你的HTML其余部分添加到 --> !

介绍

关于这篇文章没有那么多的to。 它只是为 ASP.NET 定制树控件提供了一个实现。

几乎三年前,我试图在原始的asp。( http://www.codeproject.com/asp/treecontrol.asp ) 中实现树控件。 那时我意识到,与使用Java技术的同事相比,决定使用that技术实现应用程序的web开发人员有多少。

不再是我第一次听到微软想要的新技术 (.NET)的时候了。 从那时开始我自由的时间( 那不是什么) 阅读关于. NET的信息,并跟踪它的消息。 当我收集了有关. NET的足够信息和它为web应用程序开发人员提供( 不仅)的支持时,我理解 finally 应用程序开发人员。 微软微软在支持平台上的网络应用方面向前跳了"树大步骤"。

UML 图

图表描述了控件的基本结构。

uml图

iiuga.Web.UI.TreeWeb

TreeWeb类。

属性

元素获取树的元素的Collection。
CollapsedElementImage获取或者设置折叠元素的showen图像的URL。
ExpandedElementImage获取或者设置图像的URL,该图像是扩展元素的showen。
复选框获取或者设置是否在treeweb控件的树元素旁边显示复选框。
目标获取或者设置所有树元素操作的默认目标。
ImageList获取TreeWeb控件的图像url的Collection。
DefaultElementCssClass获取或者设置树元素的默认 CssClass。
DefaultElementCssClassOver获取或者设置 onmouseover 客户端事件occure时树元素的默认 CssClass。 [Not Implemented ]

方法
#ctorTreeWeb构造函数
RaisePostBackEvent( IPostBackEventHandler。RaisePostBackEvent ) 在发布后引发特定事件的控制。
LoadXML从XML文件加载树结构。 [Not Implemented ]
SaveXML将树的结构保存在XML结构中。 [Not Implemented ]
呈现呈现TreeWeb控件。
SaveViewState(。SaveViewState ) 将treeweb状态视图的更改保存到对象。
LoadViewState( of ) 加载以前的treeweb保存视图状态。
TrackViewState指示TreeWeb是否跟踪对它的视图状态的更改。

事件
展开在展开树元素时发生。
收起在折叠树元素时发生。

iiuga.Web.UI.TreeElement

TreeElement类。

属性

ID获取TreeElement的ID。
文本获取或者设置要为TreeElement显示的文本。
元素获取TreeElement的ElementsCollection。
父级获取当前元素的TreeElement父对象。
TreeWeb获取TreeWeb对象。
IsExpanded获取元素是否展开或者不展开。
HasElements获取元素是否具有子元素。
级别获取元素在树中的位置。
IsChecked获取元素是否被选中或者未选中。 [Not Implemented ]
密钥获取或者设置树元素的特定数据。
NavigateUrl获取或者设置树元素的操作。
目标获取或者设置树元素操作的目标。
复选框获取或者设置是否在当前元素的旁边显示复选框。
工具提示获取或者设置当前元素的工具提示显示文本。
已经启用获取或者设置当前元素是否已经启用或者未启用。
CssClass获取或者设置元素的默认 CssClass。
CssClassOver获取或者设置 onmouseover 客户端事件occure时元素的默认 CssClass。 [Not Implemented ]
ImageIndex获取或者设置在树中的元素之前是showen的图像索引。
IsTrackingViewState

方法
#ctorTreeElement构造函数。
#ctorTreeElement构造函数。
#ctorTreeElement构造函数。
展开展开当前元素,只有当元素具有元素时才会产生效果。
收起折叠当前元素,仅当元素具有元素时才有效。
FindElement查找当前树元素的指定子元素。
SaveViewState(。SaveViewState ) 将TreeElement状态视图的更改保存到对象。
LoadViewState( of ) 加载以前的TreeElement保存视图状态。
TrackViewState指示TreeElement是否跟踪对它的视图状态的更改。

使用代码

。作为任何其他web服务器控件。


//


//build the tree structure inside the web form


//



<%@ Register TagPrefix="iiuga" Namespace="iiuga.Web.UI" 



             Assembly="TreeWebControl" %>



...



<iiuga:treeweb id="_treeWeb" runat="server" CollapsedElementImage="plus.jpg" 



        ExpandedElementImage="minus.jpg">


<ImageList> 


 <iiuga:ElementImage ImageUrl="icon1.gif"></iiuga:ElementImage>


</ImageList>


<Elements>


 <iiuga:treeelement text="Your Online Radio Stations" 



           CssClass="Sample3_Header">


</iiuga:treeelement>


 <iiuga:treeelement text="Classic Rock & Oldie" 



           ToolTip="Classic Rock & Oldie">


 <Elements>


 <iiuga:treeelement text="All Rock" ImageIndex="0" ToolTip="AllRock">


</iiuga:treeelement>


 <iiuga:treeelement text="Classic Rock" ImageIndex="0" 



               ToolTip="ClassicRock"></iiuga:treeelement>


 <iiuga:treeelement text="Elvis Rocks!" ImageIndex="0" 



               ToolTip="ElvisRocks!"></iiuga:treeelement>


 <iiuga:treeelement text="Oldies" 



              NavigateURL="javascript:alert('Oldies');"></iiuga:treeelement>


 </Elements>


 </iiuga:treeelement>


 <iiuga:treeelement text="Classical" ToolTip="Classical" 



           CssClass="Sample3_ElementNode">


 <Elements>


 <iiuga:treeelement text="20th Century" 



                ToolTip="20thCentury"></iiuga:treeelement>


 <iiuga:treeelement text="Opera" ImageIndex="0" 



                ToolTip="Opera"></iiuga:treeelement>


 <iiuga:treeelement text="Top Classical" 



                ToolTip="TopClassical"></iiuga:treeelement>


 </Elements>


 </iiuga:treeelement>


</Elements>


</iiuga:treeweb>



或者


//


// dynamically add elements inside the tree


//



...



protected iiuga.Web.UI.TreeWeb _treeWeb;



...



int _elementIndex = _treeWeb.Elements.Add( "New TreeElement" );


_treeWeb.Elements[_elementIndex].CssClass = "CssClass";


_treeWeb.Elements[_elementIndex].Key = "Key";


_treeWeb.Elements[_elementIndex].ToolTip = "New TreeElement ToolTip";



...



。最后

控件尚未完成,它的中一些方法尚未实现,是可以包含的良好特性。 但是现在如何覆盖任何网站开发人员的正常需求,它是开发自定义服务器控件的人的基础。 如果你想获得TreeWeb控件的新版本,为了报告 Bug 或者询问我任何问题,请随意访问我的网页,然后执行这里操作。 谢谢。

版权

本文以及任何附带的源代码和编译二进制文件都受当地和国际版权法律的约束,所有权利都由 Iulian Iuga保留。

本文描述的代码在 public 域中可用,可以在完全或者修改的情况下合并到客户端应用程序中。 许可以从不被授予包括,交付或者销售它作为任何 Collection的软件工具的一部分。

当使用或者提供任何附带的代码时,请提供作者的确认。 所有 final 产品必须在关于屏幕的Iulian Iuga中包括短语"部分版权) 2003",或者在适当的位置。

源代码和编译的二进制文件从不能在生产环境中使用过。

历史记录

3 2003年03月 - 已经提交。


控制  asp  asp-net    
相关文章