展开全部
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../ext/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
var temp="请输入用户名";
var inputText=true;
function info(t){
if(inputText){
t.setValue("");
}
}
var panel=new Ext.form.FormPanel({
layout:"form",
frame:true,
labelWidth:35,
labelAlign:"right",
items:[{
layout : "column",
items : [{
columnWidth : .5,
layout : "form",
items : [{
xtype:"textfield",
fieldLabel : "名称",
anchor : "96%",
emptyText : "输入文本...",
id:"id1"
}]
},{
columnWidth : .5,
layout : "form",
items : [{
xtype:"textfield",
fieldLabel : "型号",
anchor : "96%",
emptyText : "输入文本...",
id:"id2"
}]
}]
},{
xtype:"textarea",
height : 100,
fieldLabel : "概况",
id:"id3",
emptyText : "输入文本...",
anchor : "96%"
},{
xtype:"combo",
width:180,
id:"id4",
triggerAction : "all",
mode : 'local',
resizable : false,
editable: false,
lazyRender : true,
store : ["不使用耗材","abcde"],
value :"不使用耗材"
}]
});
var win=new Ext.Window({
title:'布局',
width:540,
height:300,
layout:"fit",
plain:true,
modal : true,
closeAction:"hide",
items:[panel]
});
win.show();
});
</script>
</head>
<body>
</body>
</html>
extjs3.x的类库~~~自己引吧~~~
效果见图：
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
