My Code

最新推荐文章于 2024-10-30 16:13:25 发布

xhe520811

最新推荐文章于 2024-10-30 16:13:25 发布

阅读量237

点赞数

CC 4.0 BY-SA版权

分类专栏： The code I write 文章标签： Ext window table布局

本文链接：https://blog.youkuaiyun.com/xhe520811/article/details/84266274

The code I write 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一个使用ExtJS框架创建的表单布局示例，包括开始、结束及排除字段的设置，并展示了如何通过按钮触发事件来获取这些字段的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var linkForm = new Ext.form.FormPanel({
    id: 'AddRegularMaintainRecFormPanel',
	layout: 'table',
	layoutConfig: {
         columns: 2
    },
	frame: true,
	labelAlign: 'right',
	labelWidth: 90,
	buttonAlign: 'center',
	region  : 'center',
    items:[{
          width:165,
          layout: 'form',
          labelWidth:30,
          items: [{
              xtype:'textfield',
              id:'start',
              fieldLabel: '开始',
              anchor:'95%'
         }]
     },{
          width:165,
          layout: 'form',
          labelWidth:30,
          items: [{
              xtype:'textfield',
              id:'end',
              fieldLabel: '结束',
              anchor:'95%'
         }]
     },{
          layout: 'form',
          labelWidth:30,
          colspan:2,
          items: [{
              xtype:'textfield',
              id:'except',
              fieldLabel: '排除',
              anchor:'97%'
         }]
     }],
    buttons:[{
        id:'yes',
        text:'确定',
        handler:function(){
            var sRow = getSelectRow(grid);
            Ext.getCmp("start").getValue();
            Ext.getCmp("end").getValue();
            Ext.getCmp("except").getValue();
            //do something
            alert("关联成功");           
        }
    },{
        id:'no',
        text:'取消',
        handler:function(){
            linkWindow.hide();
        }
    }]
});
var linkWindow = new Ext.Window({
    title:'关联',
    width:350,
    height:150,
    closeAction:'hide',
    layout:'border',
    listeners:{
		'show':function(){
			this.center();
		}//屏幕居中
	},
	items:[linkForm]    
});