ext 动态 新增行 新增一行(2)
-------------------------------------------------------------------------------------------
//定义表单
var simple = new Ext.FormPanel({
labelAlign: 'left',
title: '添加子部门',
buttonAlign: 'right',
bodyStyle: 'padding:5px',
//width: 600,
autoHeight: true,
autoWidth: true,
//
frame: true,
labelWidth: 80,
// items: [ ] ,
buttons: [{
text: '保存',
type: 'submit',
//定义表单提交事件
handler: function(){
if (simple.form.isValid()) {//验证合法后使用加载进度条
Ext.MessageBox.show({
title: '请稍等',
msg: '正在加载...',
progressText: '',
width: 300,
progress: true,
closable: false,
animEl: 'loding'
});
//控制进度速度
var f = function(v){
return function(){
var i = v / 11;
Ext.MessageBox.updateProgress(i, '');
};
};
for (var i = 1; i < 13; i++) {
setTimeout(f(i), i * 150);
}
//提交到服务器操作
simple.form.doAction('submit', {
url: newSaveOrgFrameUrl,//文件路径
method: 'post',//提交方法post或get
params: '',
//提交成功的回调函数
success: function(form, action){
if (action.result.msg == 'ok') {
Ext.MessageBox.show({
title: '系统提示信息',
msg: '添加成功!',
buttons: Ext.MessageBox.OK,
icon: Ext.MessageBox.INFO,
fn: function(btn, text){
}
});
}
else {
Ext.Msg.alert('添加错误', action.result.msg);
}
},
//提交失败的回调函数
failure: function(){
Ext.Msg.alert('错误', '服务器出现错误请稍后再试!');
}
});
}
}
}, {
text: '重置',
handler: function(){
simple.form.reset();
}//重置表单
}, {
text: '取消',
handler: function(){
win.close();
}//重置表单
}]
});
//添加第一个fieldSet
simple.add(first_Org_fieldSet);
//菜单面板
var panel = new Ext.Panel({
bodyStyle: 'width:100%',
autoWidth: true,
autoHeight: true,
//autoScroll: true,
renderTo: Ext.getBody(),
//
title: '',
bodyStyle: 'padding:10px;',
tbar: [{
xtype: 'tbseparator'
}, newDept_action, { // <-- Add the action directly to a toolbar
xtype: 'tbseparator'
}],
items: [simple]
});
return panel;
}
分享到:
相关推荐
在Column Layout中,动态新增一行意味着在已有列的基础上增加一个新的行单元格,这些单元格会按照列的配置自动填充。 实现动态新增一行的核心步骤如下: 1. **创建基础结构**:首先,你需要定义一个EXT容器,设置...
1、在页面中增加一个放样式文件的地方: <link rel="stylesheet" type="text/css" href="ext/2.0/resources/css/ext-all.css" /> <script type="text/javascript" src="ext/2.0/adapter/ext/ext-base.js"> ...
在ExtJS中,我们可以使用`Ext.container.Container`类来创建一个容器,然后设置布局为`form`,以便容纳表单字段。例如: ```javascript var formPanel = Ext.create('Ext.form.Panel', { layout: 'form', items...
EXT3,全称为“Third Extended File System”,是Linux操作系统中广泛使用的一种日志式文件系统。它是EXT2的升级版,引入了日志记录功能,增强了数据一致性与系统的稳定性。EXT3.4和EXT3.1.0是EXT3文件系统在不同...
当用户在主表中选择一行时,子表会根据所选主表记录的相关数据进行更新,这就是主子表的联动。 接着,我们来讨论如何在EXT JS中实现分页。EXT JS提供了PagingToolbar组件,它可以轻松地添加到GridPanel的底部,提供...
2. **布局管理器(Layout Managers)**:EXT提供了一系列的布局管理器,如Fit、Border、Form、Table等,用于自动调整组件的大小和位置,适应不同的屏幕尺寸和内容变化。 3. **数据绑定(Data Binding)**:EXT支持...
EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架,尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本,它提供了丰富的用户界面组件...
EXT4.1.0Doc_SUN.zip 是一个包含EXT4.1版本的文档API的压缩文件,对于想要深入理解和使用EXT框架,特别是EXT4.1版本的开发者来说,这是一个宝贵的资源。EXT是一个流行的JavaScript库,它专注于构建富互联网应用程序...
"grid"是EXT JS的核心组件之一,用于展示二维表格数据。Grid插件可以增强数据操作和展示,如行编辑、列拖放、多级表头等。Column Resize和Column Hide/Show插件分别允许用户调整列宽和隐藏/显示列,提供更灵活的数据...
2. Ext.grid.LockingGridView:这是扩展的GridView,增加了列锁定功能。 3. Ext.grid.plugin.GroupHeader:这是一个插件,用于创建多级表头。 4. Ext.view.BufferView:用于实现视口内的数据缓存和滚动优化。 在...
表格可以动态添加列,调整列宽,支持分页,甚至可以结合EditorGrid实现行的编辑和动态添加。Ext JS 2.0相较于1.x版本,表格控件的功能和API有更多的优化和改进。表格的分页功能可以通过前端工具条实现,也可以通过...
例如,对于销售报表,可能需要将一整列或一行的销售额总计合并为一个单元格。 3. **排序功能**:EXT JS的表格可以实现数据的动态排序,用户只需点击列头,就能按照升序或降序对数据进行排序。这对于分析大量数据...
【4ext中文版】是一款专为Android设备设计的高级刷机工具,尤其受到智能手机和平板电脑用户的欢迎。这款工具以其用户友好的界面和强大的功能集而著名,它提供了丰富的自定义选项,使得对设备进行系统级别的操作变得...
标题中的"ext-4.2.1-gpl.7z"指的是一个开源的软件扩展库,采用GNU General Public License(GPL)版本4.2.1发布,并被压缩为7z格式的文件。7z是一种高压缩率的文件存档格式,由7-Zip软件创建,能有效地存储大量数据...
2. **合并单元格**:在表头中合并单元格,形成跨列或跨行的标题,使得复杂的数据结构更加清晰。 3. **可展开/折叠**:表头中的部分可以折叠或展开,以隐藏或显示更详细的层级信息,提高界面的可读性和交互性。 4. **...
在这个名为"EXT学习小例子"的项目中,我们将深入探讨EXTJS如何实现数据的增加、删除和修改功能。 EXTJS的核心是其组件系统,它提供了各种UI组件,如表格、表单、面板、树形视图等,这些组件可以方便地组合在一起...
修改现有记录通常通过选中Grid中的某一行,显示其详细信息,并允许用户编辑。表单组件可以绑定到选定的记录,用户更改后,通过调用Record的`set()`方法更新字段值,最后使用Store的`sync()`方法同步到服务器。 **...
2.配置bcprov,在 jdk_home\jre\lib\security\目录中找到 java.security 在内容增加一行 security.provider.11=org.bouncycastle.jce.provider.BouncyCastleProvider 3.生成android平台的证书 keytool -importcert...
行编辑插件允许用户在表格的每一行上直接进行编辑,提高了数据操作的效率。另一个可能的例子可能是关于图表的插件,如添加鼠标悬停时的提示信息或者自定义图表的动画效果。 在EXTDEMO这个压缩包中,我们期望看到的...
在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加‘合计’行”将指导我们如何实现这一功能。 首先,我们需要...