`
awaitdeng
  • 浏览: 216589 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

EXT JS CHECKGROUP 的使用

阅读更多
//注销原因
  cancellationReason1 : new Ext.form.CheckboxGroup({
   anchor : '95%',
   fieldLabel : '注销原因<font color=red>*</font>',
   columns: 1,
   xtype: 'checkboxgroup',
            itemCls: 'x-check-group-alt',
   name:'cancellationReason1',
   items:[
    {boxLabel:'不再从事报关业务',name: 'Reason-1',value:0},
    {boxLabel:'辞职',name: 'Reason-2',value:1},
    {boxLabel:'所在报关单位申请注销海关注册登记',name: 'Reason-3',value:2},
    {boxLabel:'报关单位解除与本人的劳动合同关系、聘用合同关系或者人事关系',name: 'Reason-4',value:3},
    {boxLabel:'其他',name: 'Reason-5',value:4}
    ]
  })



{

    layout : 'column',
    bodyStyle : '10 0 0 10',
    items : [
     {
      columnWidth : .9,
      labelWidth : 100,
      layout : 'form',
      items : [
      mySystem.configField(this.formField.cancellationReason1,10,"",this.formId)
      ]
     }]
      }



保存的时候 

var cancellationReason= "";
       var split = "";
       var cancellationReason1Item = this.formField.cancellationReason1.items;
       for(var i=0;i<cancellationReason1Item.length;i++){
           if(cancellationReason1Item.itemAt(i).checked){
               cancellationReason+=split+cancellationReason1Item.itemAt(i).value;
               split=",";
           }
       }
     var formJsonO = this.declarantOffForm.getForm().getValues();
     formJsonO.cancellationReason = cancellationReason;
     alert(Ext.encode(formJsonO));





读取的时候

setTimeout(function() {
    if (this.applyId!= -1) {
    mySystem.showDiv('dataLoading');
          this.declarantOffForm.getForm().paramOrder = ['className','keyClassName','key'];
    var o = { className: 'DeclarationManager', keyClassName:'Long', key : this.applyId };
    mySystem.showDiv('dataLoading');
    this.declarantOffForm.getForm().doAction("directload",{params: o,success:function(){
     var itemsValue =this.declarantOffForm.getForm().findField("cancellationReason").getValue();
     var arr =itemsValue.split(",");
     for(var i=0;i<arr.length;i++){
//         eval("this.formField.cancellationReason1.items.itemAt("+arr[i]+").checked = true;");
      for(var j=0;j<this.formField.cancellationReason1.items.length;j++){
       if(arr[i]==this.formField.cancellationReason1.items.itemAt(j).value){
         this.formField.cancellationReason1.items.itemAt(j).setValue(true);
       }
      }
        }
    }.createDelegate(this)}); 
   }

0
0
分享到:
评论
1 楼 GoodWell 2011-07-15  
学习了…………

相关推荐

    ext JS 源码和学习资料

    EXT JS 是一种基于JavaScript的富客户端应用框架,主要用于构建交互性强、用户体验良好的Web应用程序。它提供了大量的组件和功能,使得开发者能够轻松创建复杂的用户界面。本压缩包包含EXT JS的多个版本源码,如ext-...

    ext js 打包资源下载

    Ext JS 是一种流行的JavaScript库,专门用于构建富客户端的Web应用程序。它提供了丰富的用户界面组件,如表格、面板、窗口、菜单等,使得开发者能够创建功能强大的交互式前端应用。在"ext js 打包资源下载"中,我们...

    ext js javascript ext设计软件

    JavaScript是EXT JS的基础,它是一种广泛使用的客户端脚本语言,用于在用户的浏览器上运行代码,实现动态交互效果。JavaScript与EXT JS的结合使得开发者可以利用EXT JS提供的高级UI组件和数据管理功能,同时利用...

    Ext JS高级程序设计

    这本书分为三章,涵盖了Ext JS的关键概念和技术,旨在帮助开发者充分利用这个强大的JavaScript库来构建功能丰富的Web应用程序。 第一章可能涉及了Ext JS的基础和核心概念,包括MVC(Model-View-Controller)架构的...

    JavaScript凌厉开发——Ext JS3详解与实践

    《JavaScript凌厉开发——Ext JS3详解与实践》是一本深度探讨JavaScript库Ext JS3的专著,旨在帮助开发者深入理解和高效运用这一强大的前端框架。本文将围绕标题、描述及标签,详细介绍Ext JS3的核心概念、关键特性...

    Ext js 资源大全

    Ext JS 是一种基于 JavaScript 的富客户端应用框架,用于构建功能丰富的、交互性强的Web应用程序。这个资源大全包含了一些关键的学习资料,将有助于深入理解和掌握Ext JS的精髓。 首先,我们来看"EXT学习文档 .doc...

    ext+js.rar_ext_ext js_ext js java_java+ext

    标签"ext", "ext_js", "ext_js_java"进一步强调了Ext JS和Java之间的联系,"java+ext"可能意味着内容涉及如何在Java环境中使用Ext JS。 压缩包内的文件名称列表提供了更具体的信息: 1. "EXT学习文档 .doc":这可能...

    [Ext JS] Ext JS 实战 第2版 英文版

    Ext JS in Action Second Edition teaches Ext JS from the ground up You&quot;ll start with a quick overview of the framework and then explore the core components by diving into complete examples ...

    EXT JS中文API+中文教程+中文资料+源码

    EXT JS是一种基于JavaScript的开源富客户端框架,专为构建交互式Web应用程序而设计。它提供了大量的组件和功能,包括表格、树形视图、图表、菜单、工具栏、窗体等,使得开发者能够构建功能丰富的桌面级应用界面。EXT...

    EXT JS eclipse插件

    EXT JS 是一款强大的JavaScript库,专门用于构建富客户端应用程序。它提供了一系列的组件,包括表格、树形视图、图表、窗体等,使得开发者能够创建功能丰富的、交互性强的Web应用。Eclipse是一款广泛使用的Java开发...

    ext js 中文手册

    在Ext JS的学习路径上,初学者通常会从下载、安装框架开始,然后通过学习Ext的基本概念,如Element、Widgets、Ajax等,逐步过渡到布局的使用、Grid组件和Menu组件的创建,再到模板的使用和表单组件的构建,最后深入...

    EXT JS 统计图表

    EXT JS 是一款强大的JavaScript库,专门用于构建富客户端应用程序。其统计图表组件是EXT JS库中的一个重要部分,提供了丰富的图表类型和高度定制的功能,适用于数据分析、数据可视化以及各种业务报告。EXT JS Charts...

    快意编程EXT JS Web开发技术详解.part3

    《快意编程:Ext JS Web开发技术详解》首先对Ext JS进行了概述,然后通过一个简单的示例带领读者快速入门,在读者对Ext JS有了初步印象后,又重点介绍了JavaScript的面向对象技术、Ext JS API文档的使用方法、Ext JS...

    Ext JS - JavaScript Library

    Ext JS 是一个强大的JavaScript库,专门用于构建富客户端Web应用程序。这个库以其丰富的用户界面组件、数据绑定功能和可扩展性而闻名。Ext JS 提供了一整套预先封装的组件,如表格、面板、菜单、按钮、表单、树形...

    EXT JS 3.0 中文版文档

    EXT JS 是一款强大的JavaScript库,专门用于构建富客户端应用程序。EXT JS 3.0 版本是该库的一个重要里程碑,提供了丰富的组件、强大的数据管理以及优雅的用户界面设计。这个中文版文档对于那些不熟悉英文原版或者...

    深入浅出ext js源码

    通过详细阅读和分析这些源代码,开发者不仅可以掌握EXT JS的使用技巧,还能提升JavaScript编程水平,了解前端开发的最佳实践。在实际项目中,这种深入理解将有助于优化性能,解决疑难问题,以及创建更高效的EXT JS...

    深入浅出Ext JS(第2版) 随书光盘提供的书中实例

    通过深入研究这些实例,读者可以更直观、更深入地理解Ext JS的强大功能和使用方法。 Ext JS是一个基于JavaScript的开源用户界面库,它提供了丰富的组件和工具,用于构建富互联网应用程序(RIA)。在3.2.0这个版本中...

    Ext JS Library 2.2

    10. **API文档**:Ext JS 2.2提供详尽的API文档,对每个类、方法和属性都有清晰的解释,帮助开发者更好地理解和使用这个库。 11. **社区支持**:尽管2.2版本相对较老,但在当时和之后的一段时间里,它拥有庞大的...

    Ext JS源码分析与开发实例宝典光盘源码

    Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发实例宝典光盘源码Ext JS源码分析与开发...

    Learning Ext JS

    Ext JS是一个用于构建丰富互联网应用程序(RIA)的跨浏览器JavaScript框架。它不仅支持桌面应用程序的动态用户界面构建,还支持数据驱动的Web应用程序。此外,Ext JS为Ext Designer提供了基础,Ext Designer是一个...

Global site tag (gtag.js) - Google Analytics