`
chenxueyong
  • 浏览: 342001 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

ext动态新增一行之二

阅读更多

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;
}

分享到:
评论

相关推荐

    EXT动态新增一行

    在Column Layout中,动态新增一行意味着在已有列的基础上增加一个新的行单元格,这些单元格会按照列的配置自动填充。 实现动态新增一行的核心步骤如下: 1. **创建基础结构**:首先,你需要定义一个EXT容器,设置...

    Ext3.1 21款精美主题和动态换皮肤

    1、在页面中增加一个放样式文件的地方: &lt;link rel="stylesheet" type="text/css" href="ext/2.0/resources/css/ext-all.css" /&gt; &lt;script type="text/javascript" src="ext/2.0/adapter/ext/ext-base.js"&gt; ...

    ExtJs 动态添加表单

    在ExtJS中,我们可以使用`Ext.container.Container`类来创建一个容器,然后设置布局为`form`,以便容纳表单字段。例如: ```javascript var formPanel = Ext.create('Ext.form.Panel', { layout: 'form', items...

    ext3.4 ext3.1.0以及ext3.0API

    EXT3,全称为“Third Extended File System”,是Linux操作系统中广泛使用的一种日志式文件系统。它是EXT2的升级版,引入了日志记录功能,增强了数据一致性与系统的稳定性。EXT3.4和EXT3.1.0是EXT3文件系统在不同...

    ext页面显示行数选择与主子表显示

    当用户在主表中选择一行时,子表会根据所选主表记录的相关数据进行更新,这就是主子表的联动。 接着,我们来讨论如何在EXT JS中实现分页。EXT JS提供了PagingToolbar组件,它可以轻松地添加到GridPanel的底部,提供...

    Ext框架开发文档及ext-core.js

    2. **布局管理器(Layout Managers)**:EXT提供了一系列的布局管理器,如Fit、Border、Form、Table等,用于自动调整组件的大小和位置,适应不同的屏幕尺寸和内容变化。 3. **数据绑定(Data Binding)**:EXT支持...

    EXT2.0 GRID 示例

    EXT2.0 GRID 示例是一个基于EXT JavaScript库的高级数据展示和操作组件的实例。EXT是一个强大的前端开发框架,尤其在创建交互式Web应用程序方面表现出色。EXT2.0是EXT库的一个早期版本,它提供了丰富的用户界面组件...

    Ext4.1.0Doc_SUN.zip

    EXT4.1.0Doc_SUN.zip 是一个包含EXT4.1版本的文档API的压缩文件,对于想要深入理解和使用EXT框架,特别是EXT4.1版本的开发者来说,这是一个宝贵的资源。EXT是一个流行的JavaScript库,它专注于构建富互联网应用程序...

    Ext 3.0 正式版 插件大全

    "grid"是EXT JS的核心组件之一,用于展示二维表格数据。Grid插件可以增强数据操作和展示,如行编辑、列拖放、多级表头等。Column Resize和Column Hide/Show插件分别允许用户调整列宽和隐藏/显示列,提供更灵活的数据...

    Ext表格列锁定+多表头插件

    2. Ext.grid.LockingGridView:这是扩展的GridView,增加了列锁定功能。 3. Ext.grid.plugin.GroupHeader:这是一个插件,用于创建多级表头。 4. Ext.view.BufferView:用于实现视口内的数据缓存和滚动优化。 在...

    EXT教程EXT用大量的实例演示Ext实例

    表格可以动态添加列,调整列宽,支持分页,甚至可以结合EditorGrid实现行的编辑和动态添加。Ext JS 2.0相较于1.x版本,表格控件的功能和API有更多的优化和改进。表格的分页功能可以通过前端工具条实现,也可以通过...

    ext3.3制作报表新功能,表格实现报表格式

    例如,对于销售报表,可能需要将一整列或一行的销售额总计合并为一个单元格。 3. **排序功能**:EXT JS的表格可以实现数据的动态排序,用户只需点击列头,就能按照升序或降序对数据进行排序。这对于分析大量数据...

    4ext中文版

    【4ext中文版】是一款专为Android设备设计的高级刷机工具,尤其受到智能手机和平板电脑用户的欢迎。这款工具以其用户友好的界面和强大的功能集而著名,它提供了丰富的自定义选项,使得对设备进行系统级别的操作变得...

    ext-4.2.1-gpl.7z

    标题中的"ext-4.2.1-gpl.7z"指的是一个开源的软件扩展库,采用GNU General Public License(GPL)版本4.2.1发布,并被压缩为7z格式的文件。7z是一种高压缩率的文件存档格式,由7-Zip软件创建,能有效地存储大量数据...

    EXT 复杂表头插件

    2. **合并单元格**:在表头中合并单元格,形成跨列或跨行的标题,使得复杂的数据结构更加清晰。 3. **可展开/折叠**:表头中的部分可以折叠或展开,以隐藏或显示更详细的层级信息,提高界面的可读性和交互性。 4. **...

    EXT学习小例子

    在这个名为"EXT学习小例子"的项目中,我们将深入探讨EXTJS如何实现数据的增加、删除和修改功能。 EXTJS的核心是其组件系统,它提供了各种UI组件,如表格、表单、面板、树形视图等,这些组件可以方便地组合在一起...

    Ext增加,修改,删除,查询

    修改现有记录通常通过选中Grid中的某一行,显示其详细信息,并允许用户编辑。表单组件可以绑定到选定的记录,用户更改后,通过调用Record的`set()`方法更新字段值,最后使用Store的`sync()`方法同步到服务器。 **...

    bcprov-ext-jdk15on-160.jar

    2.配置bcprov,在 jdk_home\jre\lib\security\目录中找到 java.security 在内容增加一行 security.provider.11=org.bouncycastle.jce.provider.BouncyCastleProvider 3.生成android平台的证书 keytool -importcert...

    EXT的2个插件例子

    行编辑插件允许用户在表格的每一行上直接进行编辑,提高了数据操作的效率。另一个可能的例子可能是关于图表的插件,如添加鼠标悬停时的提示信息或者自定义图表的动画效果。 在EXTDEMO这个压缩包中,我们期望看到的...

    给Extjs的GridPanel增加“合计”行

    在实际应用中,我们经常需要在GridPanel底部显示一行“合计”行,以便对某一列或多列的数据进行求和或其他统计操作。这篇博文“给Extjs的GridPanel增加‘合计’行”将指导我们如何实现这一功能。 首先,我们需要...

Global site tag (gtag.js) - Google Analytics