var form = new Ext.form.FormPanel({
url : '', // 保存URL
border : false,
autoScroll : true,
labelWidth : 70,
frame: true,
defaultType : 'textfield',
defaults :{
msgTarget : 'side'//错误提示方式
},
padding : "10",
items : [{
xtype:'fieldset',
title:'菜单基本信息',
//autoHeight:true,
items: [{
layout:'column',
items:[{
columnWidth:.98,
layout:'form',
defaultType:'textfield',
items:[{
xtype : "hidden",
id : "id",
name : 'menu.id',
fieldLabel : "id"
},{
id:'go_url',
name:'menu.go_url',
fieldLabel:'访问路径',
anchor:'100%',
allowBlank:false
}
]
}]
},{
layout:'column',
border:'false',
items:[{
layout:'form',
columnWidth:.49,
defaultType:'textfield',
items:[{
id:'name',
name:'menu.name',
fieldLabel:'菜单名称',
anchor:'100%',
allowBlank:false,
maxLength:15
}]
},{
layout:'form',
defaultType:'textfield',
columnWidth:.49,
items:[{
id:'cls',
name:'menu.cls',
fieldLabel:'菜单图片',
anchor:'100%',
allowBlank:false,
maxLength:20
}]
}]
},{
layout:'column',
border:'false',
items:[{
layout:'form',
defaultType:'textfield',
columnWidth:.49,
items:[{
id:'parentid',
name:'menu.parentid',
fieldLabel:'上级编号',
anchor:'100%',
allowBlank:false,
vtype:'alphanum'
}]
},{
layout:'form',
defaultType:'textfield',
columnWidth:.49,
items:[{
id: 'sort',
name:'menu.sort',
fieldLabel:'菜单序号',
anchor:'100%',
allowBlank:false,
maxLength:3,
vtype:'alphanum'
}]
}]
},{
layout:'column',
border:'false',
items:[{
layout:'form',
columnWidth:.98,
defaultType:'textarea',
items:[{
id:'remark',
name:'menu.remark',
fieldLabel:'备注',
anchor:'100%'
}]
}]
}]
},{
xtype:'fieldset',
title:'菜单状态',
items: [
{
fieldLabel : "是否启用",
xtype : "radiogroup",
id:'status',
width:120,
defaults : {
name : 'menu.status'
},
items :[{
boxLabel:"启用",
inputValue:false,
checked:true
},{
boxLabel:"禁用",
inputValue:true
}]
}
]
}]
});
分享到:
相关推荐
Ext的formpanel table布局实例,有效解决了页面resize时列宽不跟随改变的问题,即列宽的自适应宽度
ExtJs中表单formPanel的横向布局
Ext的FormPanel组件说明formPanel的详细使用说明
NULL 博文链接:https://lucky16.iteye.com/blog/1490278
NULL 博文链接:https://zxf-noimp.iteye.com/blog/634692
自我扩展FormPanel 和Store实现自动数据触发感知功能实现与store绑定功能
sencha的ajax+formpanel+google地图
extjs formpanel学习,秘诀,笔记
NULL 博文链接:https://627443183-qq-com.iteye.com/blog/1725391
代码如下:Ext.onReady(function(){ Ext.QuickTips.init(); //第一句的目的是为需要的元件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = ‘under’;...
extjs4如何给同一个formpanel不同的url_.docx
NULL 博文链接:https://wangtata.iteye.com/blog/666895
NULL 博文链接:https://wly719.iteye.com/blog/339783
.archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc
formpanel数据源是单独的,则store传入到formpanel页面后,还需要手动将formpanel中的每个控件用value赋值,形如: 代码如下:<span xss=removed>{ xtype: “textarea”, fieldLabel: “备注说明”,
Extjs4 表单从数据库读取数据映射到对应的字段中显示
ExtJS的表单使用FormPanel容器 表单使用的布局方式:form和formtable布局 ExtJS的表单和html的form标签是相似的,新建一个FormPanel实际上就是新建一个html的form标签,只是添加许多Ext的样式而已
主要介绍了ExtJS4如何给同一个formpanel不同的url,需要的朋友可以参考下