extjs页面上点击按钮,弹出下拉框+表单和"提交""取消"按钮,其中下拉框中的值是固定的,如何实现,如下效果<select>
<option>1111111</option>
<option>2222222</option>
<option>3333333</option>
<select>
<input type=text>
<input type=button value=提交>
<input type=button value=取消>
<option>1111111</option>
<option>2222222</option>
<option>3333333</option>
<select>
<input type=text>
<input type=button value=提交>
<input type=button value=取消>
解决方案 »
- 使用jquery.validate.框架进行验证,在IE下无效的问题。
- 有人用过jquery的AD-Gallery插件吗?求助
- 为什么php输出在IE下报错,火狐却没问题??
- 不提交表单,获取下拉菜单的value值(有问题代码、请指教)
- 请问:使用trim()函数去掉表单空格出现JS如下错误
- 在firefox下如何旋转图片??
- 如何让鼠标放上去时图片停止滚动?(附代码)
- javascript和c程序的交流问题
- listbox传值的问题
- 870分 870分 870分 up有分\n [有朋友精通Winsock开发的请进]实现互动游戏
- 老问题event.clientX在火狐或者IE9下取值都是空
- 有关iframe中子页面控制父页面里ready中的事件的问题
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css" />
<script type="text/javascript" src="extjs/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<script>
var oForm, oForm1, oWin;
var n=0;
Ext.onReady(function(){
oForm = new Ext.FormPanel({
renderTo:"form_panel",
layout:"form",
hideLabels:false,
border:false,
labelAlign:"right",
labelWidth:70,
items:[
{xtype:'button',text:'click',listeners:{
click:function(){
oWin.show();
}
}}
]
});
oForm1 = new Ext.FormPanel({
renderTo:"form_panel",
layout:"form",
hideLabels:false,
border:false,
labelAlign:"right",
labelWidth:70,
items:[
{fieldLabel:"选项",id:'sel_xx',name:"sel_xx",xtype:'combo',store:[[1,'111111'],[2,'222222'],[3,'33333']],editable:false,hiddenName:'xx',forceSelection:true,mode:'local',triggerAction:'all',value:'1'}
],
buttonAlign:'center',
buttons:[
{xtype:"button",text:"递交",cls:'pad',formBind:true,handler:function(){oForm1.submit();}},
{xtype:"button",text:"取消",cls:'pad',formBind:true,handler:function(){oWin.hide();}}
]
}); oWin = new Ext.Window({
applyTo:'win_pad',
layout:'fit',
width:450,
autoHeight:true,
closeAction:'hide',
plain:true,
items:oForm1
});});</script>
<div id="form_panel"></div>
<div id="win_pad"></div>