怎么动态生成checkbox组件

爱喝牛奶的面包 · 发表于 2017-4-10 08:53:11

怎么动态生成checkbox组件

半导体 · 发表于 2017-4-10 10:55:31

http://bbs.wex5.com/forum.php?mo ... E6%88%90%2Bcheckbox

爱喝牛奶的面包 · 发表于 2017-4-10 11:19:47

现在版本的checkbox页没有onclick事件啊？

半导体 · 发表于 2017-4-10 11:39:32

爱喝牛奶的面包发表于 2017-4-10 11:19
现在版本的checkbox页没有onclick事件啊？

但是有bind-click啊效果应该是一样的

爱喝牛奶的面包 · 发表于 2017-4-11 15:14:04

还是不能理解他写的是什么意思啊

半导体 · 发表于 2017-4-11 15:22:36

爱喝牛奶的面包发表于 2017-4-11 15:14
还是不能理解他写的是什么意思啊

那你创建原生的会吗？ append一个原生的效果是一样的吧

爱喝牛奶的面包 · 发表于 2017-4-11 15:50:16

也不是太会

，我想把生成checkbox组件作为公共方法，然后用到的地方就去调用它。我现在写额肯定不会，但是不知道怎么写了

/*不完善，暂时没用
* 动态创建checkbox组件
* xid:checkbox组件的xid
* parentxid: 父节点的xid
* */
Model.prototype.createCheck = function(xid,pmode,parentxid,mainDataXid,value) {
var parentNode = self.getElementByXid(parentxid);
var mainData = self.comp(mainDataXid);
for(var i = 0;i<mainData.getCount();i++){
var checked = '';
}
var innertext ="<input type='checkbox' value='' name='' xid='checkbox1' bind-checked='$model.mainData.val("fClass")'></input>";
var inner=$(innertext);
// justep.Bind.addNodes(pmode.domNode, inner);
};

复制代码

爱喝牛奶的面包 · 发表于 2017-4-11 15:52:04

这个是公司别人写的，创建button和创建input的方法，我就是想按照这样的去做

/*动态创建Button组件
*xid：Button组件xid
*parentxid 父节点的xid
*label button显示
*action button按钮执行的事件，注意在系统sys表中填写的事件格式{"operation":"Dialog_area.open"}
*/
Model.prototype.createButton = function(xid,parentxid,label,action) {
var parentNode = self.getElementByXid(parentxid);
if (parentNode) {
var flag = {
xid : xid,
label : label,
'bind-disable': ' $model.controlStatusData.val("isReadOnly")',
parentNode : parentNode,
'class' : "btn btn-default btn-only-icon",
"icon":"linear linear-pointerright",
onClick: action
};
if(action.indexOf("operation")>=0)
{
}
else
{
delete flag.onClick;
}
var button = new Button(flag);
//'{"operation":"Dialog_selectDepart.open"}'
//button.on("onClick", function(event) {
//onClick='{"operation":"Dialog_selectDepart.open"}'
//alert("aler",event.source.get('label'));
//});
}
};
/*动态创建Input组件
*xid：Input组件xid
*parentxid 父节点的xid
*mainDataXid 组件对应的xid mainData
*value 字段名 *
*othervalue json结构
format : othervalue.format,日期格式
pattern:othervalue.dataValidate,输入正则的验证，不是输入后的验证，而是控制输入错误的
readonly:othervalue.isReadOnly,只读属性
placeHolder:othervalue.isRequire, 必填灰色提示，现在不起作用，不知道原因
*/
Model.prototype.createInput = function(xid,parentxid,mainDataXid,value,othervalue) {
if (othervalue.isRequire===true){othervalue.isRequire="必填";} else{othervalue.isRequire="";}
if (othervalue.dataValidate===true){} else{othervalue.isRequire="";}
if (othervalue.isReadOnly===true){} else{othervalue.isReadOnly=false;}
var parent = self.getElementByXid(parentxid);
var bindref=mainDataXid+'.ref("'+value+'")';// //
if (parent) {
var cfg = {
'bind-ref': bindref,
format : othervalue.format,
pattern:othervalue.dataValidate,
readonly:othervalue.isReadOnly,
placeHolder:othervalue.isRequire,
parentNode : parent
};
new Input(cfg);
}
};

复制代码

半导体 · 发表于 2017-4-11 17:17:53

爱喝牛奶的面包发表于 2017-4-11 15:52
这个是公司别人写的，创建button和创建input的方法，我就是想按照这样的去做

...

我觉得那个创建button的就可以不过感觉缺点啥

爱喝牛奶的面包 · 发表于 2017-4-12 14:55:23

我按照button那个做的，出现现在的情况了

/*不完善，暂时没用
* 动态创建checkbox组件
* xid:checkbox组件的xid
* parentxid: 父节点的xid
* */
Model.prototype.createCheck = function(xid,parentxid,mainDataXid,value) {
debugger;
var parent = self.getElementByXid(parentxid);
// var mainData = self.comp(mainDataXid);
var bindref = mainDataXid+'.ref("'+value+'")';
var chk = {
xid : xid,
parentNode : parent,
'bind-ref' : bindref,
class : 'x-checkbox'
};
var Check = new Check(chk);
};

复制代码

if (controlType == "文本框") {
Model.prototype.createInput("input" + columnName, "zd_" + columnName, mainDataXid, columnName, othervalue);
} else if (controlType == "日期时间框") {
othervalue.format = "yyyy-MM-dd";
Model.prototype.createInput("inputtime" + columnName, "zd_" + columnName, mainDataXid, columnName, othervalue);
} else if (controlType == "选择文本框") {
Model.prototype.createInputButton("inputbutton" + columnName, "zd_" + columnName, '...', inputBtnEvent, mainDataXid, gridDisplayColumnName, othervalue);
} else if (controlType == "下拉列表") {
Model.prototype.createGridSelect("select" + columnName, "zd_" + columnName, mainDataXid, gridDisplayColumnName, columnName, "selectData", controlSourceLabelName,
controlSourceValueName, '$row.val("classID") ==' + controlSourceName, othervalue);
} else if (controlType == "单选框") {
debugger;
Model.prototype.createCheck("checkbox"+columnName,"zd_" + columnName,mainDataXid,columnName);
// var pmod1 = self.comp("zd_" + columnName);
// self.createCheck(pmod1, 'columnData', "columnName");
} else {
Model.prototype.createInput("input" + columnName, "zd_" + columnName, mainDataXid, columnName, "", othervalue);
}

复制代码

这是根据是否是单选框动态生成checkbox。

		自动登录	找回密码
密码			注册

[结贴] 怎么动态生成checkbox组件