浏览 11727 次
|
锁定老帖子 主题：extjs 复选框处理
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-05-21
最后修改：2010-05-21
复选框checkBox,单选框radioBox。CheckboxGroup 如果在formPanel中使用了checkBox,radioBox时，在提交表单时使用formPanel.getForm().submit()来提交数据时，如果单选框和复选框未选中时，则extjs是不会提交这些控件的。在postdata中根本就不存在这些控件的任何影子。可以通过firebug来查看提交的数据。
var checkboxgroup_temp = new Ext.form.CheckboxGroup({
id:'myGroup',
xtype: 'checkboxgroup',
fieldLabel: '多选',
itemCls: 'x-check-group-alt',
// Put all controls in a single column with width 100%
columns: 1,
items : [{
layout : 'column',
items: [
{boxLabel: 'Item 1', name: 'cb-col-1'},
{boxLabel: 'Item 2', name: 'cb-col-2', checked: true},
{boxLabel: 'Item 3', name: 'cb-col-3'}
]
},{
layout : 'column',
items: [
{boxLabel: 'Item 1', name: 'cb-col-1'},
{boxLabel: 'Item 2', name: 'cb-col-2', checked: true},
{boxLabel: 'Item 3', name: 'cb-col-3'}
]
}]
});
myCheckboxGoup是一个Checkbox组件的集合,对每一个Checkbox项的访问，可能过
var field_newspwap_3 = new Ext.form.FieldSet({
title : '用户角色分配',
autoHeight : true,
collapsible : true,
id : 'field_newspwap_3',
items : [{
layout : 'column',
defaults : {
hideLabels : true,
layout : 'form'
},
items : [{
columnWidth : .01
}, {
columnWidth : .33,
items : [new Ext.form.Checkbox({
boxLabel : '计费系统',
name : 'userRole.roleIdStr',
inputValue :10,
checked : true
})]
}, {
columnWidth : .33,
items : [new Ext.form.Checkbox({
boxLabel : '演示系统',
name : 'userRole.roleIdStr',
inputValue :11,
checked : true
//disabled : true
})]
}, {
columnWidth : .33,
items : [new Ext.form.Checkbox({
boxLabel : '风格',
name : 'userRole.roleIdStr',
inputValue :12,
checked : true
// disabled : true
})]
}]
}]
});
'userRole.roleIdStr' 是映射你后台的数据类和属性。 后台得到的值是： 11, 12, 13 提交上一数据JS var frm_newspwap = new Ext.FormPanel({
margins : '5 5 5 5',
id : 'frm_newspwap',
frame : true,
title : '新增用户',
labelAlign : 'left',
labelWidth : 160,
region : 'center',
autoScroll : true,
//bodyStyle:'overflow-x:auto;',
items : [field_newspwap_3],
buttonAlign : 'center',
buttons: [{
text:'保存',
xtype : 'easyButton',
handler:function(){// 保存操作
if (frm_newspwap.form.isValid() == false){
return;
}
frm_newspwap.form.submit({
url:'test/UserRole/save.do',
success:function(form,action){
Ext.MessageBox.alert('提示',action.result.msg);
grid_pag.doLoad(0);
},
scope:this,
failure:function(form,action){
Ext.MessageBox.alert('错误',action.result.msg);
}
})
}
}]
});
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-10-09
有没有回显选中的代码做做参考啊
|
| 返回顶楼 | |
