Ext.Net学习笔记19:Ext.Net FormPanel 简单用法
2016-03-10 12:23
423 查看
Ext.Net学习笔记19:Ext.Net FormPanel 简单用法
FormPanel是一个常用的控件,Ext.Net中的FormPanel控件同样具有非常丰富的功能,在接下来的笔记中我们将一起见证FormPanel的强大。FieldLabel
FieldLabel属性是每一个Field都具有的属性,它为我们的字段显示一个标签,例如上面登陆窗口中的“用户名”和“密码”。我们可以通过LabelWidth控制标签的长度,例如我们设置用户名字段的LabelWidth="80":
LabelAlign可以控制标签的显示位置,可以设置为Top、Left、Right三种,效果如下:
Icon
对于TextField字段来说,我们可以设置它的图标,例如我们输入框中显示的小图标,只需要设置icon属性即可:<ext:TextField runat="server" ID="txtName" FieldLabel="用户名" Icon="User"></ext:TextField>
效果如图:
默认空白显示的文字
我们可以通过设置属性来实现在输入框没有输入内容(空白)时显示的文字,代码如下:<ext:TextField runat="server" ID="txtName" FieldLabel="用户名" Icon="User" EmptyText="用户名/邮箱"> </ext:TextField>
效果如下:
Note属性
Note是字段的一个描述文字,可以通过NoteAlign控制显示的位置。<ext:TextField runat="server" ID="txtName" FieldLabel="用户名" Icon="User" Note="用户名/邮箱" NoteAlign="Down"> </ext:TextField>
效果如下:
TextField初始值
设置Text属性可以为TextField设置初始值:<ext:TextField runat="server" ID="txtName" FieldLabel="用户名" Icon="User" Text="初始化值"> </ext:TextField>
效果如下:
登陆窗口完整代码
接下来我们给出笔记开始时所看到的登陆窗口的代码:<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>
相关文章推荐
- 二叉树的非递归前序、中序、后序、层次遍历
- 逆转与旋转 2
- CentOS7安装docker 启动不了解决篇
- 输入字符串或读取文本后字符计数
- Ext.Net学习笔记18:Ext.Net 可编辑的GridPanel
- 通过JS判断联网类型和连接状态
- redis内存分析
- Ext.Net学习笔记17:Ext.Net GridPanel Selection
- Ext.Net学习笔记16:Ext.Net GridPanel 折叠/展开行
- 有哪些老鸟程序员知道而新手不知道的小技巧?
- UITableView上button的点击事件(一)
- 【零基础入门学习Python笔记007】了不起的分支和循环1:打飞机框架
- Ext.Net学习笔记15:Ext.Net GridPanel 汇总(Summary)用法
- PL_SQL中执行SELECT … INTO …语句时,如果返回结果集为空
- 在Android开发中使用MVP模式
- Shell学习总结
- antlr配置
- 免安装Oracle客户端使用PL/SQL
- CodeForces - 630P Area of a Star (数学几何&正弦定理求面积)
- opencl:cl::make_kernel的进化