Ext表单布局实例代码
2023-06-13 09:14:09 时间
Ext.onReady(function(){
Ext.QuickTips.init();
//第一句的目的是为需要的元件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息了。
Ext.form.Field.prototype.msgTarget="under";
//第二句的目的就是设置控件的错误信息显示位置,主要可选的位置有:
vartdate=newExt.form.DateField({
fieldLabel:"日期",
emptyText:"请选择日期",
format:"Y-m-d",
disabledDays:[0,7]
});
vartxt=newExt.form.TextField({
fieldLabel:"请输入姓名",
allowBlank:false,
emptyText:"空",
maxLength:50,
minLength:10,
bodyStyle:"padding-left:5px",
anchor:"90%"//给错误提示留下10的空间,
});
varhtmlEdt=newExt.form.HtmlEditor({
fieldLabel:"在线编辑器",
enableAlignments:true,
enableColors:true,
enableFont:true,
enableFontSize:true,
enableFormat:true,
enableLinks:true,
enableLists:true,
enableSourceEdit:true
});
vartxt2=newExt.form.TextField({
fieldLabel:"请输入姓名",
allowBlank:false,
emptyText:"空",
maxLength:50,
minLength:10,
bodyStyle:"padding-left:5px",
anchor:"90%"
//给错误提示留下10的空间
});
varfrm1=newExt.form.FormPanel({
labelAlign:"right",
labelWidth:100,//注意修改标题的宽度
title:"form1",
frame:true,
width:700,
url:"sender/data.aspx",
items:[{
layout:"column",//正点的地方来了表示下一曾items都是按列"Column"排序
items:[{
columnWidth:.5,
layout:"form",//第一列里面内容就是form排序了,从上到下
items:[txt2]
},
{
columnWidth:.5,
layout:"form",//第二列里面内容就是form排序了,从上到下
items:[txt,tdate]
}]
},htmlEdt]
});
frm1.render("frm");
});
相关文章
- Python 使用 Tornado Web 框架写HTTP接口实例代码(异步+线程池)
- java webservice 实例_Java WebService 简单实例(附实例代码)
- jQuery的Ajax实例(附完整代码)
- Oracle 11g用户修改密码及加锁解锁功能实例代码
- JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
- javascript中的继承实例代码
- 用PHP读取超大文件的实例代码
- js/ajax跨越访问-jsonp的原理和实例(javascript和jquery实现代码)
- JQuery动画和停止动画实例代码
- C#反射在实际应用中的实例代码
- C#汉字转化拼音的简单实例代码
- JSP+ajax实现输入框自动补全功能实例代码
- java使用线程做的一个简单的ATM存取款实例代码
- Jquery增加鼠标中间功能mousewheel的实例代码
- js左侧三级菜单导航实例代码
- python获取beautifulphoto随机某图片代码实例
- php中simplexml_load_string使用实例分享
- js模拟C#中List的简单实例
- PHP生成迅雷、快车、旋风等软件的下载链接代码实例
- js读写json文件实例代码
- php跨站攻击实例分析
- C#反射应用实例
- Python实现端口复用实例代码
- Delphi实现图像文本旋转特效完整实例代码
- ExpressJS入门实例
- C++实现DES加密算法实例解析
- C#下实现创建和删除目录的实例代码