我想在easyui表格最后一列添加滑动开关按钮,但是运行效果是变成了input框,,下面是我的代码截图
,只要不写在表格里面我能写出来滑动开关的效果,但是只要写在表格里面就变成input?请大家帮忙看看怎么解决
你这个原因是因为easyUI加载顺序问题,easyUI已经处理完成,你表格的内容动态加载。easyUI没有处理到这块,所以组件没有正常生成。注意一下加载顺序,或者在表格生成后,再初始化下相关组件
{
field: 'operate', title: '操作', width: '7%', align: 'center',
formatter: function (value, row, index) {
var str="";
if(row.order ==1){
str+= ' ';
}else if(row.order ==0){
str+= ' ';
}
return str
}
}
//datagrid 里onloadsuccess中写以下
$(".switchbutton").switchbutton({
onText:"是",
offText:"否",
onChange: function (checked) {
var type=1;
if(checked){
type=1;
}else{
type=0;
}
//ajax请求接口
}
});
解决了吗 ? 怎么解决的啊
可能是switchbutton的css有bug,不能认到嵌套在表格里面的吧,你用浏览器的f12调试下,看看相比放在外面缺少了什么样式,然后手工修正下。