怎么在easyui表格最后一列添加switchbutton开关按钮

我想在easyui表格最后一列添加滑动开关按钮,但是运行效果是变成了input框,图片说明,下面是我的代码截图图片说明,只要不写在表格里面我能写出来滑动开关的效果,但是只要写在表格里面就变成input?请大家帮忙看看怎么解决

你这个原因是因为easyUI加载顺序问题,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调试下,看看相比放在外面缺少了什么样式,然后手工修正下。