作者：手机用户2502900835 | 来源：互联网 | 2023-07-21 23:27
工作中的案例，包含两种场景，看下效果图新增：修改（数据回填）：代码如下：{最外层是form布局columnWidth:1,xtype:'form&apos
-
工作中的案例，包含两种场景，看下效果图
新增：
修改（数据回填）：
-
代码如下：
{//最外层是form布局
columnWidth: 1,
xtype: "form",
style: "background: #fff;",
layout: "column",
defaults: {//设置items中的默认项
columnWidth: 1,
margin: "10 0 0",
labelAlign: "right",
labelSeparator: "："
},
items: [
....
{
xtype:"checkboxgroup",
beforeLabelTextTpl: new Ext.XTemplate(
"
在initComponent中注册afterrender事件，重点逻辑在initData方法中：
initComponent: function () {
var me = this;
//可以在此处请求CheckBox选项数据,赋值到me.tempArr
me.on("afterrender", me.initData);
Ext.applyIf(me,{})
me.callParent();
},
initData: function(){
var me = this;
//获取group，也可以这么获取：var checkgroup = me.down("form").getForm().findField("checkBox");
var checkgroup = me.down("checkboxgroup");
// var tempArr = me.zspmArr;//如果在initComponent中已经请求了数据，则使用这行
var tempArr = [//这里模拟CheckBox选项数据
{
value: "101090101",
name: "选项1",
id: 0.07
}, {
value: "101090201",
name: "长的选项1",
id: 0.05
}, {
value: "101090301",
name: "非常长的选项1",
id: 0.01
}
]
if(me.actiOns== "add"){//新增修改标识
me.setTitle("新增");
// checkbox数据处理
for(var i = 0; i
然后点“保存”时可以通过me.down("checkboxgroup").getChecked()获取选中的值；
这个markdown里的代码缩进真让人难受(╯﹏╰)
End.
京公网安备 11010802041100号