Extjs checkboxgroup 、formpanel 和 tabpanel 组合的问题!
跪求一段代码,要求制作一个动态的表单,即form中【多选】的内容都是通过读取数据库显示出来的显示在form表单上,然后再把选择的结果存到数据库里面。form在新的wind...
跪求一段代码,要求制作一个动态的表单,即form中【多选】的内容都是通过读取数据库显示出来的显示在form表单上,然后再把选择的结果存到数据库里面。form在新的window下显示。谢谢大家了,很着急,请迅速帮助。谢了
Extjs:后台返回的json数据 加载到checkboxgroup 中 checkboxgroup再放在formpanel中 formpanel再放在 tabpanel 的items 中 就这么多分了 大家棒棒忙吧 展开
Extjs:后台返回的json数据 加载到checkboxgroup 中 checkboxgroup再放在formpanel中 formpanel再放在 tabpanel 的items 中 就这么多分了 大家棒棒忙吧 展开
2011-05-13
展开全部
createCheckBoxWin = function(store, colnum, title,items) {
store//数据源
colnum//一行显示几个checkbox,
items//默认选中
var count = store.getCount();
if( count <=0){
Ext.Msg.alert();
return false;
}
var myCheckboxItems = [];
var userItems = [];
if(items!=null && items.length)
userItems = items.split(',');
for (var i = 0; i < count; i++) {
var boxLabel = store.getAt(i).get("bum");
var name = store.getAt(i).get("Id");
var ck = false; //是否选中
for ( var j = 0; j < userItems.length; j++) {
var temp = userItems[j];
if(temp.trim() == name.trim())
{
ck = true;
break;
}
}
var ccc = i+1;
myCheckboxItems.push({
boxLabel : ccc+":"+boxLabel,
name : name,
checked :ck});
}
var myCheckboxGroup = new Ext.form.CheckboxGroup({
itemCls : 'x-check-group-alt',
columns : colnum,
items : myCheckboxItems
});
var form = new Ext.FormPanel({
border : true,
frame : true,
labelAlign : "right",
buttonAlign : 'center',
layout : 'column',
width : 500,
autoHeight : true,
items : [myCheckboxGroup],
buttons : [{
xtype : 'button',
text : '确定',
handler : function() {
var ids = [];
var cbitems = myCheckboxGroup.items;
for (var i = 0; i < cbitems.length; i++) {
if (cbitems.itemAt(i).checked) {
ids.push(cbitems.itemAt(i).name);
}
}
win.destroy();
Ext.Ajax.request({
url: '',
params: { 'Number': ids},
success: function(rs,options){
if(Ext.decode(rs.responseText).success ==true){
}else{
Ext.Msg.show({
title : '错误提示',
msg : '失败!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
}
}
},
failure: function(rs){
Ext.Msg.show({
title : '错误提示',
msg : '操作失误!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
}
});
}
}, {
xtype : 'button',
text : '取消',
handler : function() {
win.destroy();
}
}]
});
var win = new Ext.Window({
modal : true,
resizable : false,
layout : 'fit',
title : title,
width : 500,
height : 300,
autoHeight : true,
plain : true,
items : [form]
});
win.show();
}
store//数据源
colnum//一行显示几个checkbox,
items//默认选中
var count = store.getCount();
if( count <=0){
Ext.Msg.alert();
return false;
}
var myCheckboxItems = [];
var userItems = [];
if(items!=null && items.length)
userItems = items.split(',');
for (var i = 0; i < count; i++) {
var boxLabel = store.getAt(i).get("bum");
var name = store.getAt(i).get("Id");
var ck = false; //是否选中
for ( var j = 0; j < userItems.length; j++) {
var temp = userItems[j];
if(temp.trim() == name.trim())
{
ck = true;
break;
}
}
var ccc = i+1;
myCheckboxItems.push({
boxLabel : ccc+":"+boxLabel,
name : name,
checked :ck});
}
var myCheckboxGroup = new Ext.form.CheckboxGroup({
itemCls : 'x-check-group-alt',
columns : colnum,
items : myCheckboxItems
});
var form = new Ext.FormPanel({
border : true,
frame : true,
labelAlign : "right",
buttonAlign : 'center',
layout : 'column',
width : 500,
autoHeight : true,
items : [myCheckboxGroup],
buttons : [{
xtype : 'button',
text : '确定',
handler : function() {
var ids = [];
var cbitems = myCheckboxGroup.items;
for (var i = 0; i < cbitems.length; i++) {
if (cbitems.itemAt(i).checked) {
ids.push(cbitems.itemAt(i).name);
}
}
win.destroy();
Ext.Ajax.request({
url: '',
params: { 'Number': ids},
success: function(rs,options){
if(Ext.decode(rs.responseText).success ==true){
}else{
Ext.Msg.show({
title : '错误提示',
msg : '失败!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
}
}
},
failure: function(rs){
Ext.Msg.show({
title : '错误提示',
msg : '操作失误!',
buttons : Ext.Msg.OK,
icon : Ext.Msg.ERROR
});
}
});
}
}, {
xtype : 'button',
text : '取消',
handler : function() {
win.destroy();
}
}]
});
var win = new Ext.Window({
modal : true,
resizable : false,
layout : 'fit',
title : title,
width : 500,
height : 300,
autoHeight : true,
plain : true,
items : [form]
});
win.show();
}
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询