當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

在别人那看到的很不错的ext.net的基本讲解

發布時間：2025/3/20 编程问答 37 豆豆

生活随笔收集整理的這篇文章主要介紹了在别人那看到的很不错的ext.net的基本讲解小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

coolite控件：容器控件之FiledSet、Panel和Window學習(2011-10-13 13:36:00)

轉載▼

標簽：

window

panel

coolite

toolkit

filedset

雜談

分類： Coolite_Toolkit

一、FieldSet控件FieldSet控件在開發中使用率還是很高的，畢竟Web中微軟沒有提供Group控件，通常都是使用FieldSet來進行表單等界面布局分組。在Coolite Toolkit中則專門提供了這樣一個控件，同時還為其附加了很多其他的功能屬性和方法。 <ext:FieldSet ID="FieldSet1" runat="server" Collapsible="True" Height="200px" Title="FieldSet分組" Width="200px"><Body><table border="0" cellpadding="0" cellspacing="0"><tr><td>日期：</td><td><ext:DateField ID="DateField2" runat="server"/></td></tr></table></Body></ext:FieldSet>

Title、Height以及Width這些最基本的屬性完全可以不去記憶，Collapsible屬性是用來設置FieldSet是可折疊狀態。上面代碼片段的遠行效果如下所示：

二、Panel控件 前面分析了FieldSet控件，可以用來做界面布局的分組，以及通過相關屬性設置使其成為更為高級的應用操作。FieldSet所具備的這些特性對于Panel來說也是同樣具備的。在ASP.NET里也提供得有Panel控件，那么Coolite Toolit所提供的相比ASP.NET里的Panel有什么特色呢？呵呵，特色可多了，請你繼續看下面...... Panel控件我個人理解就是一個容器控件，不用它我自己隨便通過一個html標簽然后設置其runat="server"一樣的可以達到等同的效果。Coolite Toolkit所提供的Panel同樣如此，只是他在ASP.NET的Panel基礎上擴展了一些常用的功能點，包括動態設值，外嵌其他的Web也面等多項功能。

<%--<ext:Panel ID="Panel2" runat="server" Height="300" Title="Title">--%><ext:Panel ID="Panel1" runat="server" Height="300" Title="Title" Collapsible="true" Width="300"><Body></Body></ext:Panel>

同FieldSet控件一樣直接提供了公開屬性設置是否允許折疊。如上html代碼片段，在<body>標簽里可以放置我們需要在界面上呈現是元素，除此之外它還提供了一個屬性(Html)，通過該屬性也可以設置其顯示內容，如下：

<ext:Panel ID="Panel2" runat="server" Height="100" Title="Title" Collapsible="true" Width="300" Html="<h5>通過HTML屬性設置其顯示的內容</h5>"></ext:Panel>

在使用該控件的時候需要注意，雖然<body>標簽和Html屬性都可以設置控件所呈現的內容，但是這里有一定的約束，<body>標簽和Html屬性不能同時使用。通過屬性設置其要呈現的內容，控件還提供了屬性用來設置其將自動加載的數據(比如一個頁面，類似與IFrame的功能)。

<ext:Panel ID="Panel3" runat="server" Height="100" Width="400" Title="Title"><Body></Body></ext:Panel><script type="text/C#" runat="server"> protected void Page_load(object sender, EventArgs e) { this.Panel3.AutoLoad.Url ="http://beniao.cnblogs.com"; this.Panel3.AutoLoad.NoCache =true; } </script>

<ext:Panel ID="Panel3" runat="server" Height="125px" Title="自動加載內容" Width="400px" Collapsible="true"><Body></Body><AutoLoad Url="http://beniao.cnblogs.com"></AutoLoad></ext:Panel>

除了上面的實現方式外，也可以通過公開的方法LoadContent()實現動態加載一個頁面呈現出來。

protectedvoid Page_load(object sender, EventArgs e) { this.Panel3.LoadContent("http://beniao.cnblogs.com", true); }

前面提到iframe，這個東西在我們平時開發中的使用率也是非常高的，Coolite Toolkit那當然也不會遺忘他的存在，對Panel控件也提供了iframe的支持，Panel控件加載一個外部web頁面也是可以以iframe的形式呈現的。

protectedvoid Page_load(object sender, EventArgs e) { this.Panel3.AutoLoad.Url ="http://beniao.cnblogs.com"; this.Panel3.AutoLoad.Mode = LoadMode.IFrame; this.Panel3.AutoLoad.NoCache =true; }

同樣可以在LoadContent()方法中設置加載模式：

this.Panel3.LoadContent(new LoadConfig("http://beniao.cnblogs.com", LoadMode.IFrame, true));

除了上述特性，Coolite Toolkit的Panel的折疊展開功能也有他獨有的特性，通過Listeners可以設置讓其在展開的時候加載指定的Web頁面，折疊的時候清除內容。

<ext:Panel ID="Panel4" runat="server" Title="展開時加載|折疊時清除" Width="300" Height="100" Collapsible="true"><AutoLoad Url="http://www.cnblogs.com" Mode="IFrame" NoCache="true" ShowMask="true" MaskMsg="正在加載"/><Listeners><Expand Handler="this.reload();"/><Collapse Handler="this.clearContent();"/></Listeners></ext:Panel>

三、Window控件 窗體(Window)控件，這個控件多數時候是應用在做彈窗效果。很簡單的說，我點一下按扭或是其他可同事件驅動的組件，立馬給我彈出一個窗口出來，Window控件可以說是專門來解決這一技術需求。

<ext:Window ID="Window1" runat="server" Collapsible="true" Icon="Application" Title="Title"><body></body></ext:Window>

直接從工具箱里拖拽一個Window控件到界面上，默認是可折疊、可關閉且隨著頁面的加載而顯示的。可以通過設置ShowOnLoad="false|true"屬性使其在頁面加載的時候顯示與否。在需要顯示的時候可以通過調用其客戶端API接口，也可以調用服務端API接口實現。

<ext:Window ID="Window1" runat="server" Collapsible="true" Icon="Application" Title="Title" ShowOnLoad="false"><body></body><Listeners><Hide Handler="this.clearContent();"/></Listeners></ext:Window><ext:Button ID="btnShowWindow" runat="server" Text="顯示Window"><Listeners><%--<Click Handler="#{Window1}.show();"/>--%></Listeners><AjaxEvents><Click OnEvent="Show_Window"></Click></AjaxEvents></ext:Button><script type="text/C#" runat="server"> protected void Show_Window(object sneder, AjaxEventArgs e) { this.Window1.Show(); } </script>

Window控件我個人理解他也是一個容器控件，只不過他比其他的控件使用更為靈活，功能更強大，比如動態顯示和隱藏（Show,Hide）、可拖拽性(Draggable)、摸態(Modal)等。

<ext:Window ID="Window1" runat="server" Collapsible="true" Icon="Application" Width="300" Draggable="false" Modal="true" Title="摸態|不可拖拽應用示例" ShowOnLoad="false"><body> 摸態|不可拖拽應用示例<br /> 不可拖拽：Draggable="false"<br /> 摸態：Modal="true"<br /></body><Listeners><Hide Handler="this.clearContent();"/></Listeners></ext:Window><ext:Button ID="btnShowWindow" runat="server" Text="顯示Window"><Listeners><%--<Click Handler="#{Window1}.show();"/>--%></Listeners><AjaxEvents><Click OnEvent="Show_Window"></Click></AjaxEvents></ext:Button><script type="text/C#" runat="server"> protected void Show_Window(object sneder, AjaxEventArgs e) { this.Window1.Show(); //this.Window1.Hide(); } </script>

轉載于:https://www.cnblogs.com/yycan/archive/2013/04/24/3039797.html

總結

以上是生活随笔為你收集整理的在别人那看到的很不错的ext.net的基本讲解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： uva 10391 Compound W
下一篇： LoadRunner学习第四天——检查点