控件居中js代码
利用在js中获取控件,使用css控制复选框控件的显示位置。
给单元格控件添加初始化事件,js代码解析如下:
var el = $(this.element);//获取当前元素
var f = function() {//自定义函数为f的函数
var w = 0; //初始化变量W=0
var cs = el.children();//获取当前元素的节点
if (cs.length == 0) {//如果无节点
setTimeout(f, 100);//延迟100s后调用f
return;//返回
}
for (var i=0; i<cs.length; i++) {//遍历节点的,每个节点增加5px宽度
w += cs.eq(i).width() + 5;
}
el.css({//CSS:宽度为:W,同时div居中显示
width: w,
'margin-left': 'auto',//左边距自适应
'margin-right': 'auto',//右边距自适应
'height':' auto', //高度自适应
});
}
setTimeout(f, 100);