`
ouyang86
  • 浏览: 2253 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

checkbox多选

阅读更多
/*!
* Ext JS Library 3.2.1
* Copyright(c) 2006-2010 Ext JS, Inc.
* licensing@extjs.com
* http://www.extjs.com/license
*/

var CheckBoxGroupTypes = new Ext.form.CheckboxGroup({
                        xtype: 'checkboxgroup',
                        fieldLabel: '分机列表',
                        id:'name',
                        name :'name',
                        columns: 4,
                        itemCls: 'x-check-group-alt',
                        anchor:"95%",
                        msgTarget:"side",
                        allowBlank: false
                  });

function getData(){
$.ajax({
url:'phonesForJson',
type:'post',
dataType:'json',
success:function(response){
var phones = response.phones;
//var Str = "[";
var items=[];
$.each(response.phones,function(i,phone){
var chk = {boxLabel: phone.username, name: phone.username};
items.push(chk);
});
//添加CheckBoxGroupTypes内容
CheckBoxGroupTypes.items = items;
var fp = new Ext.FormPanel({
        title: '播放音乐管理',
        frame: true,
        labelWidth: 110,
        width: 600,
        renderTo:'form-ct',
        bodyStyle: 'padding:0 10px 0;',
        items: [{
                 columnWidth:.5,//宽度为50%
                 xtype:"checkbox",
                 id:'chc',
                 boxLabel:"全选/全不选",//显示在复选框右边的文字
                 handler: function addFn(){
                 //alert(Ext.getCmp('chc').getValue());
                 var check = Ext.getCmp('chc').getValue();
                 var length = CheckBoxGroupTypes.items.getCount();
            var all = new Array();
            for (i = 0;i<length;i++){
                all[i]=check;
            }
        CheckBoxGroupTypes.setValue(all);
                 }
             },
            CheckBoxGroupTypes
        ],
        buttons: [{
            text: '提 交',
            handler: function(){
               if(fp.getForm().isValid()){
               var nums = fp.getForm().getValues(true).replace(/&/g,'').replace(/=on/g,' ');
               fp.getForm().submit({
               url : 'playMusicToTels?nums='+nums,// 请求的url地址
method : 'POST',// 请求方式
success : function(form, action) {
Ext.Msg.alert('提示','操作成功');
},
failure : function(form, action) {
Ext.Msg.alert('警告','操作失败,请返回重新操作');
}
         });
                }
            }
        },{
            text: '重 置',
            handler: function(){
                fp.getForm().reset();
            }
        }]
    });
}
});              
}

Ext.onReady(function(){
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';
getData();
   
});
分享到:
评论

相关推荐

    WPF CheckBox多选的应用

    本篇文章将详细探讨WPF中CheckBox多选的应用,以及如何实现这一功能。 首先,我们需要了解WPF中的CheckBox基本属性和事件。CheckBox的IsChecked属性表示其当前是否被选中,这是一个布尔类型的依赖属性。当选中时,...

    ListVIew 实现Checkbox多选

    本文将深入探讨如何在ListView中实现Checkbox多选功能,以及相关的Android编程技巧。 首先,我们需要创建一个自定义的ListView adapter。这个adapter将负责渲染每一项数据,并在每一项中包含一个Checkbox。在Java...

    angularjs实现的checkbox多选、全选、反选

    在本文中,我们将深入探讨如何使用AngularJS实现一个功能完备的复选框(checkbox)系统,包括多选、全选和反选功能。这个系统的一个关键特性是它完全基于AngularJS,无需依赖其他源数据,因此可以确保原始数据的完整...

    listview+checkbox 多选

    本篇文章将详细探讨如何在ListView中结合Checkbox实现多选功能。 ### 1. ListView的基本使用 首先,我们需要了解ListView的基础用法。在布局文件中声明ListView,并在Java代码中找到对应的View对象,然后通过...

    CheckBox多选功能的实现

    实现CheckBox多选功能的第一步是创建一个自定义的ListView布局文件。这个布局通常包含一个TextView用于显示文本信息,以及一个CheckBox用于选择。例如,你可以创建一个名为`list_item.xml`的布局文件: ```xml ...

    ExpandableListView+CheckBox多选功能

    在给定的“ExpandableListView+CheckBox多选功能”主题中,我们将探讨如何将这两个组件整合,创建一个既具有扩展性又支持多选操作的用户界面。 首先,我们需要理解`ExpandableListView`的基本工作原理。`...

    listview checkbox 多选反选取消

    "listview checkbox 多选反选取消"的标题描述了一个具体的实践案例,即在一个包含Checkbox的ListView中实现多选、反选以及取消选择的功能。下面我们将深入探讨这个知识点。 首先,我们需要创建一个自定义的ListView...

    radiobutton 控制checkbox多选(js实现)

    ### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中,表单是与用户交互的重要组成部分。为了实现更加灵活的功能,有时我们需要利用 JavaScript 来控制表单元素的状态,例如通过单选按钮(`...

    通过在GridView中CheckBox多选的批量删除,经典

    "通过在GridView中CheckBox多选的批量删除"就是一个典型的需求,它涉及到前端交互和后端处理两个主要方面。 前端交互主要是通过在GridView的每一行添加一个CheckBox,让用户可以勾选需要操作的数据项。这需要对...

    jS checkbox 多选

    本文将深入探讨如何使用JavaScript实现checkbox的多选功能,主要分为两种常见方法:iframe嵌套和利用cookies。 一、iframe下的多选方法 iframe,即内联框架,可以在一个HTML页面中嵌入另一个HTML页面。在处理多选...

    cash 表单提交checkbox 多选

    html checkbox cash 表单提交checkbox 多选

    layui.table表格渲染后判断checkbox多选控件是否可用

    该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用,当然done下还可以做其他逻辑判定,附上源码,绝对可用。

    自制flash checkbox多选组件

    在本文中,我们将深入探讨如何制作一个自定义的Flash AS3多选组件,特别是基于给定的文件"自制flash checkbox多选组件"。这个组件允许用户在交互式应用程序中进行多选项选择,提供了灵活和可定制的功能。我们将讨论...

    Android Checkbox多选全选

    在很多场景下,比如设置界面、列表选择等,我们常常需要实现Checkbox的多选和全选功能,这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先,我们需要了解...

    JQuery带checkbox多选的下拉列表

    JQuery带checkbox多选的下拉列表,功能非常强大,浏览器兼容性也很强, 浏览器兼容性如下: IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大,扩展性也很强

    安卓listview相关相关-listview实现checkbox多选效果可动态加载数据完美融合.rar

    以上是关于“安卓listview相关相关-listview实现checkbox多选效果可动态加载数据完美融合”的核心知识点,理解并掌握这些内容,将有助于你在实际开发中构建出功能完善的ListView组件。在实际应用中,你还需要结合...

    jquery checkbox 选中 取消 checkbox多选

    本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`&lt;input&gt;`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...

    用JavaScript实现CheckBox的多选和反选

    在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果

    Checkbox选定(支持多选)

    在网页设计和开发中,`Checkbox`是一种常用的交互元素,用于让用户进行多选操作,例如在后台管理系统中批量处理数据,或者在前端页面上让用户选择多个选项。本篇将深入探讨`Checkbox`的相关知识点,包括它的基本概念...

Global site tag (gtag.js) - Google Analytics