Extjs中布局的组合使用文档格式.docx
- 文档编号:15709607
- 上传时间:2022-11-15
- 格式:DOCX
- 页数:18
- 大小:30.84KB
Extjs中布局的组合使用文档格式.docx
《Extjs中布局的组合使用文档格式.docx》由会员分享,可在线阅读,更多相关《Extjs中布局的组合使用文档格式.docx(18页珍藏版)》请在冰豆网上搜索。
text/html;
charset=utf-8"
/>
title>
无标题文档<
/title>
scriptlanguage="
javascript"
src="
extjs/ext-all-dev.js"
/script>
Jquery/jquery-1.8.3.min.js"
linkrel="
stylesheet"
type="
text/css"
href="
extjs/resources/css/ext-all.css"
/>
/head>
body>
$(document).ready(function(){
Ext.onReady(function(){
Ext.require([
//'
Ext.form.*'
Ext.layout.container.Column'
Ext.tab.Panel'
'
*'
]);
Ext.onReady(function(){
Ext.QuickTips.init();
varbd=Ext.getBody();
/*
*================Simpleform=======================
*/
bd.createChild({tag:
h2'
html:
Form1-VerySimple'
});
varrequired='
spanstyle="
color:
red;
font-weight:
bold"
data-qtip="
Required"
*<
/span>
'
;
varsimple=Ext.widget('
form'
{layout:
collapsible:
true,
id:
simpleForm'
url:
save-form.php'
frame:
title:
SimpleForm'
bodyPadding:
550'
width:
350,
fieldDefaults:
{
msgTarget:
side'
labelWidth:
75
},
defaultType:
textfield'
items:
[{
fieldLabel:
FirstName'
afterLabelTextTpl:
required,
name:
first'
allowBlank:
false
},{
LastName'
last'
Company'
company'
},{
Email'
email'
false,
vtype:
DOB'
dob'
xtype:
datefield'
Age'
age'
numberfield'
minValue:
0,
maxValue:
100
timefield'
Time'
time'
8:
00am'
6:
00pm'
}],
buttons:
text:
Save'
handler:
function(){
this.up('
).getForm().isValid();
}
Cancel'
).getForm().reset();
}]
});
simple.render(document.body);
*================Form2=======================
Form2-Addingfieldsets'
varfsf=Ext.widget({
fieldSetForm'
SimpleFormwithFieldSets'
layout:
anchor'
defaults:
anchor:
100%'
fieldset'
checkboxToggle:
true,
UserInformation'
collapsed:
layout:
items:
[{
false
PhoneNumber'
Home'
home'
value:
(888)555-1212'
Business'
business'
Mobile'
mobile'
Fax'
fax'
fsf.render(document.body);
*================Form3=======================
Form3-Alittlemorecomplex'
vartop=Ext.widget({
multiColumnForm'
MultiColumn,NestedLayoutsandAnchoring'
600,
labelAlign:
top'
container'
hbox'
flex:
1,
95%'
Don'
Griffin'
100
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Extjs 布局 组合 使用
![提示](https://static.bdocx.com/images/bang_tan.gif)