ext动态新增一行
ext 动态 新增行 新增一行(1)
-------------------------------------------------------------------------------------------
var additional_AddOrgFrame = function(map){
//自定义参数
var id = 0;
//编码方式
Ext.lib.Ajax.defaultPostHeader += '; charset=utf-8';
//使用表单提示
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
// 添加按钮
var newDept_action = new Ext.Action({
cls: 'x-btn-text-icon bmenu',
icon: pageContextRequestContextPath + '/ext/images/menu-show.gif',
text: '添加新的部门(新的一行)',
handler: function(){
id = id + 1;
//添加新的fieldSet
var org_fieldSet = new Ext.Panel({
//column布局控件开始
id: 'org_fieldSet_' + id,
layout: 'column',
border: false,
items: [//组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '组织名称不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
xtype: 'textfield',
fieldLabel: '组织名称',
id: 'org_field_orgName_' + id,
name: 'org_field_orgName_' + id,
anchor: '90%'
}]
} //组件结束
, //组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '上级部门不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
xtype: 'textfield',
fieldLabel: '上级部门',
id: 'org_field_orgParent_' + id,
anchor: '90%'
}]
} //组件结束
, //按钮开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
xtype: 'button',
text: '选择上级部门',
scope: this,
handler: function(){
}
}]
} //按钮结束
, //组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '上级部门不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
//xtype: 'hidden',
xtype: 'textfield',
fieldLabel: '本部门ID',
value: 'org_field_orgId_' + id,
anchor: '90%'
}]
} //组件结束
, //按钮开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
xtype: 'button',
text: '删除',
value: id,
scope: this,
handler: function(obj){
var del_id = obj.value;
//var field_1 = Ext.getCmp('org_field_orgName_' + del_id);
var fieldSet_1 = Ext.getCmp('org_fieldSet_' + del_id);
//删除一行
simple.remove(fieldSet_1, true);
}
}]
} //按钮结束
]
//column布局控件结束
});
//添加fieldSet
simple.add(org_fieldSet);
//重新剧新
simple.doLayout();
},
iconCls: 'blist'
});
var first_Org_fieldSet = new Ext.Panel({
//column布局控件开始
id: 'org_fieldSet_' + id,
layout: 'column',
border: false,
items: [//组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '组织名称不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
xtype: 'textfield',
fieldLabel: '组织名称',
id: 'org_field_orgName_' + id,
name: 'org_field_orgName_' + id,
anchor: '90%'
}]
} //组件结束
, //组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '上级部门不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
xtype: 'textfield',
fieldLabel: '上级部门',
id: 'org_field_orgParent_' + id,
anchor: '90%'
}]
} //组件结束
, //按钮开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
xtype: 'button',
text: '选择上级部门',
scope: this,
handler: function(){
}
}]
} //按钮结束
, //组件开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
//为空
blankText: '上级部门不能为空',
emptyText: '',
editable: false,
triggerAction: 'all',
allowBlank: false,
//为空
//xtype: 'hidden',
xtype: 'textfield',
fieldLabel: '本部门ID',
value: 'org_field_orgId_' + id,
anchor: '90%'
}]
} //组件结束
, //按钮开始
{
columnWidth: .2,
layout: 'form',
border: false,
items: [{
xtype: 'button',
text: '删除',
value: id,
scope: this,
handler: function(obj){
var del_id = obj.value;
//var field_1 = Ext.getCmp('org_field_orgName_' + del_id);
var fieldSet_1 = Ext.getCmp('org_fieldSet_' + del_id);
simple.remove(fieldSet_1, true);
}
}]
} //按钮结束
]
//column布局控件结束
});