`

FormPanel示例

 
阅读更多

initConditionForm : function(){
        var form = this.form
        if(!form){
            var form = new Ext.form.FormPanel({
                            id : "detailConForm",
                            labelAlign : "right",
                            border : true,
                            autoWidth : true,
                            baseCls : "x-plain",
                            width : this.width,
                            padding : 5,
                            autoHeight : true,
                            items : [{
                                    xtype : "textfield",
                                    name:'manageUnit',
                                    fieldLabel:'管辖机构',
                                    blankText:'管辖机构必填',
                                    disabled : true,
                                    allowBlank:false,
                                    labelWidth : 70,
                                    width : 200
                                }]
                        })
           
            form.on("afterrender", this.afterRenderForm , this);
            this.form = form
        }
        return form;
    },

分享到:
评论

相关推荐

    extjs中的formPanel以及表单的应用

    title: '表单示例', bodyPadding: 10, items: [{ fieldLabel: '用户名', name: 'username', xtype: 'textfield' }], buttons: [{ text: '提交', handler: function() { // 提交表单逻辑 } }] }); ``` ...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    FormPanel的插入与删除

    这可能与FormPanel中动态添加和删除字段的示例有关,因为可能通过切换不同的卡片来展示不同形式的表单。 7. **最佳实践**:动态操作FormPanel时,应遵循最佳实践,如延迟加载未使用的字段以减少初始加载时间,使用...

    treeGrid目录拖动到formPanel

    `tree_to_formpanel.html`可能是实现这一功能的示例代码,它可能包含了`ExtJS`的HTML、CSS和JavaScript代码。在这个文件中,我们可以看到`treeGrid`和`formPanel`的配置,以及它们之间的拖放事件处理逻辑。文件中的...

    extJs中关于formPanel动态添加组件的验证问题

    在EXT JS这个强大的JavaScript框架中,FormPanel是用于创建表单的重要组件,它允许开发者构建交互式的、数据驱动的Web应用程序。FormPanel不仅提供了一种布局管理方式,还支持各种表单元素,如文本框、复选框、下拉...

    sencha的ajax+formpanel+google地图

    总的来说,“sencha的ajax+formpanel+google地图”项目是一个结合了数据交互、表单提交和地理信息展示的移动应用示例。通过Sencha Touch的Ajax支持、FormPanel组件以及Google Maps API的集成,我们可以构建出一款...

    ExtJs中表单formPanel的横向布局

    在这个示例中,`FormPanel`的整体布局设置为`form`,这意味着整个表单的主结构将按照垂直方向排列。但是,为了实现横向布局,我们在特定的部分采用了`column`布局。 ### 三、`column`布局的应用 `column`布局是一...

    ExtJS文件上传示例

    在这个"ExtJS文件上传示例"中,我们将探讨如何利用ExtJS实现文件上传功能。 在Web应用中,文件上传是常见的需求,例如用户可能需要上传图片、文档或其他类型的文件。ExtJS 提供了内置的组件和API来处理这种场景。...

    extjs3.0开发包含示例api

    1. **组件(Components)**:EXTJS的核心在于其强大的组件系统,如GridPanel(数据网格)、FormPanel(表单)、TabPanel(选项卡)和Window(弹出窗口)等,这些组件都具有丰富的配置项和事件处理机制。 2. **数据...

    Extjs4的FormPanel从后台load json数据的要点

    在本篇文章中,我们将深入探讨如何使用Extjs4中的FormPanel组件从后台加载JSON数据,并将其映射到表单的各个字段中进行显示。这是一项非常实用的技术,尤其是在需要动态填充表单的情况下。 ### 一、Extjs4 ...

    Ext Form 示例

    本示例旨在展示如何使用 Ext Form 来构建基本的表单结构以及与之相关的功能。 在 Ext JS 中,FormPanel 是用来封装表单元素的主要容器。创建一个基本的 FormPanel 需要以下步骤: 1. **引入 Ext JS 库**:确保在 ...

    ExtJs 4.1 mvc 简单示例

    - **View**:用户界面的呈现,可以是组件(如GridPanel或FormPanel)或者模板(如XTemplate)。 - **Controller**:连接View和Model,处理用户交互,更新数据并相应地改变View。 3. **date** 文件夹:可能包含了...

    ExtJS4如何给同一个formpanel不同的url

    以下是如何实现这个功能的示例: ```javascript // 获取FormPanel的Form对象 var form = panel.getForm(); // 动态设置不同的URL form.url = '../LogSelectServlet'; // 在需要的地方设置不同的URL ``` 这种做法...

    springMVC+hibernate+ext搭建的一个demo示例

    开发者可能会使用EXT的Grid组件展示从后端获取的数据,使用FormPanel进行数据输入,以及用Window或Dialog组件实现弹出框功能。EXTJS的Ajax或Store组件将与SpringMVC的Controller接口通信,进行数据的增删改查操作。 ...

    Extjs增删改查示例

    同时,可以设置行编辑器(RowEditing)或窗体编辑器(FormPanel)来实现对数据的编辑。在添加新记录时,通常会创建一个新的空白Model实例,然后插入到Store中。删除记录则是从Store中移除选定的Model,并同步到...

    ExtJs4.0 表单提交Demo

    ExtJs 4.0 提供了多种类型的表单字段,如文本输入框、密码框、选择框等,以及表单容器,如Panel、FormPanel。这些组件允许开发者创建复杂且功能完备的表单。表单字段可以通过配置项定义,包括字段类型、验证规则、...

    ext asp.net mvc nhibernate 完整项目示例

    1. **EXT.NET的使用**:EXT.NET提供了多种组件,如GridPanel(数据网格)、FormPanel(表单)、ComboBox(下拉框)等,以及事件处理和数据绑定机制,用于创建丰富的客户端交互。 2. **ASP.NET MVC框架**:理解路由...

    ext几个实例

    在示例中,FormPanel被放置在一个居中显示的层内。当用户点击登录按钮时,Ext.FormPanel的submit方法会触发异步提交,同样使用Ext.AJAX进行后台通信。提交成功或失败,都会通过回调函数进行处理,以更新用户界面。 ...

Global site tag (gtag.js) - Google Analytics