Ext.Net學(xué)習(xí)筆記19：Ext.Net FormPanel 簡單用法

FormPanel是一個(gè)常用的控件，Ext.Net中的FormPanel控件同樣具有非常豐富的功能，在接下來的筆記中我們將一起見證FormPanel的強(qiáng)大。

FieldLabel

FieldLabel屬性是每一個(gè)Field都具有的屬性，它為我們的字段顯示一個(gè)標(biāo)簽，例如上面登陸窗口中的“用戶名”和“密碼”。

我們可以通過LabelWidth控制標(biāo)簽的長度，例如我們設(shè)置用戶名字段的LabelWidth="80"：

LabelAlign可以控制標(biāo)簽的顯示位置，可以設(shè)置為Top、Left、Right三種，效果如下：

Icon

對于TextField字段來說，我們可以設(shè)置它的圖標(biāo)，例如我們輸入框中顯示的小圖標(biāo)，只需要設(shè)置icon屬性即可：

<ext:TextField runat="server" ID="txtName" FieldLabel="用戶名" Icon="User"></ext:TextField>

效果如圖：

默認(rèn)空白顯示的文字

我們可以通過設(shè)置屬性來實(shí)現(xiàn)在輸入框沒有輸入內(nèi)容（空白）時(shí)顯示的文字，代碼如下：

<ext:TextField runat="server" ID="txtName" FieldLabel="用戶名" Icon="User" EmptyText="用戶名/郵箱"> </ext:TextField>

效果如下：

Note屬性

Note是字段的一個(gè)描述文字，可以通過NoteAlign控制顯示的位置。

<ext:TextField runat="server" ID="txtName" FieldLabel="用戶名" Icon="User" Note="用戶名/郵箱" NoteAlign="Down"> </ext:TextField>

效果如下：

TextField初始值

設(shè)置Text屬性可以為TextField設(shè)置初始值：

<ext:TextField runat="server" ID="txtName" FieldLabel="用戶名" Icon="User" Text="初始化值"> </ext:TextField>

效果如下：

登陸窗口完整代碼

接下來我們給出筆記開始時(shí)所看到的登陸窗口的代碼：

<ext:Window runat="server" Title="用戶登錄" Width="300" Height="200" Layout="FitLayout" Icon="UserGo"> <Items> <ext:FormPanel ID="FormPanel1" runat="server" Layout="FormLayout" BodyPadding="5"> <FieldDefaults LabelWidth="60" LabelAlign="Right"></FieldDefaults> <Items> <ext:TextField runat="server" ID="txtName" FieldLabel="用戶名" Icon="User"> </ext:TextField> <ext:TextField runat="server" ID="txtPassword" FieldLabel="密碼" Icon="Key" InputType="Password"> </ext:TextField> </Items> <Buttons> <ext:Button runat="server" Text="登陸" Icon="Accept"></ext:Button> <ext:Button runat="server" Text="注冊" Icon="UserAdd"></ext:Button> </Buttons> </ext:FormPanel> </Items> </ext:Window>

轉(zhuǎn)載于:https://www.cnblogs.com/dwuge/p/5261398.html

總結(jié)

以上是生活随笔為你收集整理的Ext.Net学习笔记19：Ext.Net FormPanel 简单用法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。