extjs CheckboxGroup

// 复选框
        var fxkGroup = new Ext.form.CheckboxGroup({
                    id : ‘fxkGroup‘,
                    xtype : ‘checkboxgroup‘,
                    name : ‘fxkGroup‘,
                    width : 350,
                    columns : 3, // 在上面定义的宽度上展示3列
                    items : [{
                                boxLabel : ‘分管副主任‘,
                                id : ‘T65B‘,
                                name : ‘fgfzr‘,
                                inputValue : "1"
                            }, {
                                id : ‘T65A‘,
                                boxLabel : ‘政治部主任‘,
                                name : ‘zzbzr‘,
                                inputValue : "2"
                            }, {
                                id : ‘hxjy‘,
                                boxLabel : ‘含下级院‘,
                                name : ‘hxjy‘,
                                inputValue : "3"
                            }]
                });
        this.FxkGroup = fxkGroup;

查询时

Search : function() {
        var val = ‘‘;
        // 获取通过checkboxgroup定义的checkbox值
        var fxkValue = Ext.getCmp(‘fxkGroup‘).getChecked();
        var array = new Array();
        Ext.Array.each(fxkValue, function(item) {
                    array.push(item.id);
                });
        for (var index = 0; index < array.length; index++) {
            if (index != array.length - 1) {
                val += "‘" + array[index] + "‘,";
            } else {
                val += "‘" + array[index] + "‘";
            }
        }
        this.baseParams.checkbox = val;
        this.Reload();
    },

在sql文件中

#set($checkbox = $request.getParameter("checkbox"))
 #if($checkbox && $checkbox != "")
 and
     zb.dmcod IN ($checkbox)
 #end
时间: 2024-11-02 21:25:09

extjs CheckboxGroup的相关文章

随笔分类 - 无废话ExtJs系列教程

摘自:http://www.cnblogs.com/iamlilinfeng/category/385121.html ExtJs 入门教程 摘要: extjs技术交流,欢迎加群(292467521):ExtJs 入门教程一[学习方法]ExtJs 入门教程二[Hello World]ExtJs 入门教程三[窗体:Window组件]ExtJs 入门教程四[表单:FormPanel]ExtJs 入门教程五[文本框:TextField]ExtJs 入门...阅读全文 posted @ 2012-12-

EXTJS 4.2 资料 控件之checkboxgroup的用法

代码判断 { xtype: 'panel', width: 750, border: false, flex: 1, items: [{ xtype: 'checkboxgroup', id: 'lblOperationBehavior', name: 'lblOperationBehavior', itemCls: 'x-check-group-alt', columns: 4, fieldLabel: '设定权限', labelWidth: 100, width: 750, align: '

ExtJs实现复选框组Checkboxgroup单勾选及复选框组对多个复选框组跨控件全选

ExtJs实现复选框Checkboxgroup单勾选及跨控件全选 由于项目的需要,我们要将EXT的控件Checkboxgroup复选框组改造成但勾选,并且实现一个复选框组控制其他多个复选框组的全选,以下是关于如何实现的代码片段. 1.创建CheckboxGroup对象 1,新建空的EOS6.5的工程,新建com.towngas.tcis. gridlock构件包: 2,在com.towngas.tcis.gridlock构件包的"展现"节点下的"页面资源"节点中创建

EXTJS 4.2 资料 控件之checkboxgroup的用法(静态数据)

1.页面 1.1点击‘横幅’,需要动态显示隐藏文本框 { xtype: 'fieldset', title: '指定附加图&横幅设置', collapsible: true, items: [ { xtype: 'container', layout: 'hbox', flex: 1, items: [{ xtype: 'checkboxgroup', fieldLabel: '指定附加图', width: 100, flex: 1, columns: 1, vertical: true, id

extjs 4 checkboxgroup Panel的简单用法

Ext.require([ 'Ext.tree.*', 'Ext.data.*', 'Ext.window.MessageBox', 'Ext.tip.*' ]); Ext.onReady(function() { /* new Ext.Window({ title:"新增", width:500, height:400, plain:true, layout:"form", labelWidth:55, items:[{ layout:"column&q

ExtJS基础知识总结

概述 最近一直在做相关ExtJs方面的项目,遇到了ExtJs使用方面的一系列问题,现在将使用技巧做个记录汇总,以便于下次能够快速使用.以下都是ExtJs控件的常用方法,做简单汇总,俗话说,好记星不如烂笔头,总一天会使用的. 基础控件使用技巧 1.Grid表格操作:获取Store的数据信息和操作列表行数据 //创建一个grid var rowPanel = Ext.create('Ext.grid.Panel', {}); //获取grid对应的Store的数据条数 rowPanel.getSto

ExtJs xtype类型介绍

自定义组件在定义的时候可以通过xtype配置为组件指定xtype短名称,此后创建对象可以通过xtype来创建自定义对象了,示例代码如下: Ext.define('MyApp.PressMeButton', { extend: 'Ext.button.Button', xtype: 'pressmebutton',//指定自定义组件的xtype text: 'Press Me' }); 基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ex

ExtJs特点、优缺点及注意事项

摘自:ExtJs特点.优缺点及注意事项 1.什么是ExtJs?ExtJS可以用来开发RIA也即富客户端的AJAX应用,是一个用javascript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端Ajax框架.因此,可以把ExtJS用在.Net.Java.Php等各种开发语言开发的应用中.ExtJS的前身来自于YUI,经过不断发展与改进,现在已经成为最完整与成熟的一套构建RIA Web应用的JavaScript基础库.利用ExtJS构建的RIA Web应用具有与桌面程序一样的标准用户界面

ExtJS4.1 ExtJS TabPanel 双击标签关闭该页

/*总觉得 TabPanel 生成的那个关闭按钮太小关闭的时候不太顺手 感觉不方便 所以想双击关闭tab方便些于是在网上找到下面的代码 URL:http://atian25.iteye.com/blog/413920可是用在我的系统框架上无效,本人用的是ExtJs4.1.不知道是不是我的问题,可是实在找不出错在哪里.于是 自己想了个办法 亲测支持ExtJs4.1 可能有点麻烦 可是没办法 上面那个方法 我实在是找不出问题在哪里*///////////////////---下面是网上找的方法 本人