/*!
* 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基本属性和事件。CheckBox的IsChecked属性表示其当前是否被选中,这是一个布尔类型的依赖属性。当选中时,...
本文将深入探讨如何在ListView中实现Checkbox多选功能,以及相关的Android编程技巧。 首先,我们需要创建一个自定义的ListView adapter。这个adapter将负责渲染每一项数据,并在每一项中包含一个Checkbox。在Java...
在本文中,我们将深入探讨如何使用AngularJS实现一个功能完备的复选框(checkbox)系统,包括多选、全选和反选功能。这个系统的一个关键特性是它完全基于AngularJS,无需依赖其他源数据,因此可以确保原始数据的完整...
本篇文章将详细探讨如何在ListView中结合Checkbox实现多选功能。 ### 1. ListView的基本使用 首先,我们需要了解ListView的基础用法。在布局文件中声明ListView,并在Java代码中找到对应的View对象,然后通过...
实现CheckBox多选功能的第一步是创建一个自定义的ListView布局文件。这个布局通常包含一个TextView用于显示文本信息,以及一个CheckBox用于选择。例如,你可以创建一个名为`list_item.xml`的布局文件: ```xml ...
在给定的“ExpandableListView+CheckBox多选功能”主题中,我们将探讨如何将这两个组件整合,创建一个既具有扩展性又支持多选操作的用户界面。 首先,我们需要理解`ExpandableListView`的基本工作原理。`...
"listview checkbox 多选反选取消"的标题描述了一个具体的实践案例,即在一个包含Checkbox的ListView中实现多选、反选以及取消选择的功能。下面我们将深入探讨这个知识点。 首先,我们需要创建一个自定义的ListView...
### radiobutton 控制 checkbox 多选 (js 实现) 在 Web 开发中,表单是与用户交互的重要组成部分。为了实现更加灵活的功能,有时我们需要利用 JavaScript 来控制表单元素的状态,例如通过单选按钮(`...
"通过在GridView中CheckBox多选的批量删除"就是一个典型的需求,它涉及到前端交互和后端处理两个主要方面。 前端交互主要是通过在GridView的每一行添加一个CheckBox,让用户可以勾选需要操作的数据项。这需要对...
本文将深入探讨如何使用JavaScript实现checkbox的多选功能,主要分为两种常见方法:iframe嵌套和利用cookies。 一、iframe下的多选方法 iframe,即内联框架,可以在一个HTML页面中嵌入另一个HTML页面。在处理多选...
html checkbox cash 表单提交checkbox 多选
该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用,当然done下还可以做其他逻辑判定,附上源码,绝对可用。
在本文中,我们将深入探讨如何制作一个自定义的Flash AS3多选组件,特别是基于给定的文件"自制flash checkbox多选组件"。这个组件允许用户在交互式应用程序中进行多选项选择,提供了灵活和可定制的功能。我们将讨论...
在很多场景下,比如设置界面、列表选择等,我们常常需要实现Checkbox的多选和全选功能,这使得用户能够方便地批量操作。本教程将详细讲解如何在Android应用中实现Checkbox的多选全选功能。 首先,我们需要了解...
JQuery带checkbox多选的下拉列表,功能非常强大,浏览器兼容性也很强, 浏览器兼容性如下: IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大,扩展性也很强
以上是关于“安卓listview相关相关-listview实现checkbox多选效果可动态加载数据完美融合”的核心知识点,理解并掌握这些内容,将有助于你在实际开发中构建出功能完善的ListView组件。在实际应用中,你还需要结合...
本文将深入探讨如何使用jQuery来实现复选框(checkbox)的选中和取消选中功能,以及如何处理多选的情况。 首先,我们需要理解HTML中的`<input>`元素类型为"checkbox"的基本用法。复选框用于让用户从多个选项中选择...
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
在网页设计和开发中,`Checkbox`是一种常用的交互元素,用于让用户进行多选操作,例如在后台管理系统中批量处理数据,或者在前端页面上让用户选择多个选项。本篇将深入探讨`Checkbox`的相关知识点,包括它的基本概念...