`
caiyunlong
  • 浏览: 187757 次
  • 性别: Icon_minigender_1
  • 来自: 海口
社区版块
存档分类
最新评论

Extjs中formPanel加载数据时怎么让Checkbox根据值自动选中

    博客分类:
  • Ext
阅读更多
我用的是load方法,
success : function(form,action) {
    var repair = action.result.data.repair;
   if(repair == "X"){
       itemForm.findById("repair").setValue(true);
   }
   var overhaul = action.result.data.overhaul;
   if(overhaul == 'X'){
       itemForm.findById("overhaul").setValue(true);
   }
}

通过action.result.data.repair取到json中repair对应的值。
itemForm.findById("repair").setValue(true);就可以使Checkbox设置为选中。
千万不能这样使用:
itemForm.findById("repair").checked=true可以把repair的值改为true但是不能在页面上显示选中状态
分享到:
评论

相关推荐

    extjs中的formPanel以及表单的应用

    当用户尝试提交表单时,ExtJS会自动检查所有字段的值是否满足验证规则。例如,我们可以通过以下方式验证用户名字段: ```javascript items: [{ fieldLabel: '用户名', name: 'username', xtype: 'textfield', ...

    Extjs 4.x 得到form CheckBox 复选框的值

    在Extjs 4.x中得到表单中CheckBox复选框的值是一种常见的操作,尤其是在处理表单数据提交前需要检查用户是否选中某些选项。CheckBox控件是用户界面中用来让用户选择一个或多个选项的元素。在Web表单中,复选框常用于...

    extjs 常用控件的使用 table layout

    EXTJS 是一款强大的JavaScript前端框架,它提供了丰富的用户界面组件,用于构建富互联网应用程序(RIA)。...在实际开发过程中,应根据具体需求灵活运用EXTJS的组件和布局,以达到最佳的界面设计和交互效果。

    Extjs中常用表单介绍与应用

    本文将详细介绍ExtJS中常用表单组件的创建、应用以及验证和数据绑定等方面的知识,旨在帮助读者深入理解和掌握ExtJS表单的使用方法。 ### 表单面板(FormPanel)的创建 在ExtJS中,表单面板(FormPanel)是创建...

    ExtJs使用过程中积攒的一些东西

    `renderTo`指定了渲染的容器ID,`enableTabScroll`开启滚动条,`autoTabs`自动创建Tab,`deferredRender`控制渲染时机,`activeTab`设定初始选中项,`animScroll`启用动画滚动,`layoutOnTabChange`在切换Tab时重新...

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

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

    extjs中验证实例

    var fset = new Ext.FormPanel({ title:"学习表单字段元素的字段集", width:600, height:400, frame:true, renderTo:"myForm", items:[ {xtype:"fieldset", width:500, labelAlign:"right", labelWidth:...

    ExtJs组件类的对应表

    1. **`paging`** - `Ext.PagingToolbar`,分页工具条,用于导航大数据集时的分页。 2. **`toolbar`** - `Ext.Toolbar`,工具栏组件,用于放置各种工具按钮。 3. **`tbbutton`** - `Ext.Toolbar.Button`,工具栏...

    extJs xtype 类型

    2. **`viewport`:** 视口组件,表示浏览器的可视区域,能够根据浏览器窗口大小自动调整其大小,通过`Ext.ViewPort`类实现。 3. **`box`:** 盒子组件,相当于HTML中的`<div>`元素,由`Ext.BoxComponent`类提供支持。...

    ExtJs xtype一览

    下面,我们将根据提供的内容对ExtJs中的各种`xtype`进行详细的解析。 #### 基本组件 - **`button` (Ext.Button)**: 这是最基础的按钮组件。它可以用于触发事件,如点击操作等。 - **`splitbutton` (Ext.Split...

    ExtJs.MultiTreeField

    这个组件对于需要用户选择组织结构、文件夹层次或者任何具有层次关系的数据时特别有用。在本文中,我们将深入探讨其工作原理、主要特点以及如何在项目中有效使用它。 首先,让我们理解MultiTreeField的核心功能。这...

    Extjs xtype集合

    - **描述**: 视口组件,表示浏览器的可视区域,能够根据浏览器窗口大小自动调整。 3. **`box`:** - **`xtype`**: `box` - **`Class`**: `Ext.BoxComponent` - **描述**: 一个简单的盒子组件,相当于一个...

    Extjs学习笔记之二 初识Extjs之Form

    在Extjs中,可以使用FormPanel的`submit`方法来实现这一功能,它会自动处理表单数据的序列化和异步提交。 总的来说,Extjs的Form组件提供了一套完整的解决方案,从基本的表单布局到复杂的表单验证和服务器交互,...

    ExtJS基础教程.pdf

    ### ExtJS基础教程知识点概述 #### 一、什么是ExtJS? ExtJS是一个强大的JavaScript库,专为构建富互联网应用程序(RIA)而设计。它由Jack Slocum在2006年初基于Yahoo! UI Library(YUI)进行扩展并命名,随后在...

    ExtJs_xtype一览

    在ExtJs框架中,`xtype`是一种用于标识组件类型的字符串,它定义了组件的类。这个特性使得在创建UI时能够简洁地指定组件的类型,而无需直接实例化具体的类。以下是一些主要的`xtype`及其对应的组件类和功能的详细...

    Extjs实用教程

    - **数据存储(Store)**:用于管理和存储表格中的数据,支持多种数据源格式。 - **树控件(Tree Panel)**:用于展示层次结构的数据,如文件系统。 通过以上详细介绍,我们可以看到ExtJS提供了非常丰富的UI组件...

Global site tag (gtag.js) - Google Analytics