/*!
* 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多选的应用
纯angularjs实现的checkbox多选、全选、反选的例子,不依赖源数据,不会对源数据造成任何污染。
listview+checkbox 多选
CheckBox多选功能的实现 ListView与CheckBox CheckBox多选功能的实现 ListView与CheckBox
jS checkbox 多选 两中方法:一个是ifream下 一种是cookie
jquery checkbox 选中 取消 checkbox多选
radiobutton 控制checkbox多选(js实现)
Checkbox多选全选
每个listview的每条item中都有多个checkbox,在项目中需要用到,所以写了个小demo,可以判断每个item中哪些checkbox被选中了。
通过在GridView中CheckBox多选的批量删除,绝对经典哦哦
html checkbox cash 表单提交checkbox 多选
该资源主要应用于layui框架下table表格渲染后判断checkbox多选控件是否可用,当然done下还可以做其他逻辑判定,附上源码,绝对可用。
JQuery带checkbox多选的下拉列表,功能非常强大,浏览器兼容性也很强, 浏览器兼容性如下: IE 7+ Chrome 8+ Firefox 10+ Safari 3+ Opera 10.6+ 调用非常强大,扩展性也很强
一个listview + checkbox 的多选反选取消的demo
listview实现checkbox多选效果,可动态加载数据,完美融合.rar,太多无法一一验证是否可用,程序如果跑不起来需要自调,部分代码功能进行参考学习。
最近在做关于伸缩列表这块功能,在网上找了许多关于ExpandableListView+CheckBox的例子,不是代码比较臃肿,就是写法混乱,都没什么参考意义,所以动手写了个简洁易懂的Demo.
在网页中很多时候会用到CheckBoX的多选和反选.比如网上调查或是后台管理系统等。现在主流的方法是用JavaScript来实现CheckBOX的多选和反选,下面笔者就为大家介绍一下如何实现这样的网页效果
自制checkbox组件,直接使用,可在源码修改
listview +checkbox 实现单选、多选操作