JavaScript
extjs4 form中的边框
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区怎么去掉form中的边框 是代码写错了么？
下面是代码
下面是代码
Ext.define("SMS.view.addUserWin", {
extend : 'Ext.window.Window',
alias : 'widget.addUserWin',
requires : ['Ext.form.*'],
initComponent : function() {
var addUserForm = Ext.widget('form', {
width : 580,
id : 'addForm',
height : 300,
border:false,
frame : true,
items : [{
items : [{
frame : true,
layout : 'column',
items : [{
xtype : 'textfield',
name : 'tps_name',
id : 'tps_name',
fieldLabel : '姓名',
width : 260,
labelAlign : 'right',
labelWidth : 70
}, {
xtype : 'textfield',
name : 'tf_name',
id : 'tf_name',
width : 260,
labelAlign : 'right',
labelWidth : 70,
// align:'right',
fieldLabel : '性别'
}]
}]
}, {
items : [{
frame : true,
layout : 'column',
items : [{
xtype : 'textfield',
name : 'tp_name',
id : 'tp_name',
fieldLabel : '年龄',
labelAlign : 'right',
width : 260,
labelWidth : 70
}, {
xtype : 'textfield',
name : 'ta_name',
id : 'ta_name',
width : 260,
labelWidth : 70,
labelAlign : 'right',
align : 'right',
fieldLabel : '电子邮件'
}]
}]
},{
items : [{
frame : true,
layout : 'column',
items : [{
xtype : 'textfield',
name : 'tp_aaa',
id : 'tp_aaa',
fieldLabel : '籍贯',
labelAlign : 'right',
width : 520,
labelWidth : 70
}]
}]
}]
});
Ext.apply(this, {
autoHeight : true,
title : '添加用户',
closeAction : 'hide',
iconCls : 'user_icon',
layout : 'fit',
modal : true,
plain : true,
resizable : false,
items : addUserForm,
buttons : [{
text : '提交'
}, {
text : '取消',
handler : function() {
this.ownerCt.ownerCt.hide();
}
}]
});
this.callParent(arguments);
}
})
...全文
相关推荐
Extjs4中Form的使用之本地hiddenfield
- frame:true使面板带边框。 - defaults定义了表单字段的默认设置，例如标签分隔符、标签宽度、字段宽度、是否允许为空等。4. items:[]数组中定义了表单中的各个字段组件。
EXTJS修改颜色实例源码
4. **拖放（Drag and Drop）**： - 示例中的 `draggable` 属性允许 FormPanel 可以被拖动。
ExtJS-3.4.0系列目录
Ext.menu.Menu允许你创建可定制的多级菜单，可与工具栏中的按钮关联，实现点击后展开菜单的效果。4.
Extjs4使用要点个人整理
以下是我根据提供的文件名整理的关于ExtJS 4的关键知识点：1. **控件属性**：在`Extjs 控件属性.doc`中，可能会涵盖ExtJS 4中的各种组件（如窗口、面板、表格等）的常用属性。
ExtJS离线文档
- **Panel**：基础容器，可以包含其他组件，提供标题、工具栏、边框等特性。 - **Form**：用于用户输入，包括各种表单字段、验证和提交功能。
