easyui accordion 注意panel title标签不能设置为0/false或者''

  easyui accordion的内容panel title标签不要设置为javascript与false等效的内容,如0,''(空字符串),要不这个panel无法呈现在accordion布局中。

 

  这个可能是由于accordion部分方法,如getPanel/select/remove方法的参数可以指定为title(也可以为panel的下标,从0开始),如果title为与false等效的值,easyui就直接忽略了。

 

  对于title设置为0,可以通过toString方法转为字符串,传递字符串'0'没有问题。

 

  示例代码如下,i为0的panel没有显示在accordion中,而且布局乱了。

easyui accordion 注意panel title标签不能设置为0/false或者''

    <div id="divAcc"></div>
    <script>
        $(function () {
            var data = ['accordion1', 'accordion2', 'accordion3', 'accordion4'];
            $('#divAcc').accordion({fit:true,border:false})
            for (var i = 0; i < data.length; i++) {
                $('#divAcc').accordion('add', { title: i, content: data[i] });
            }
             $('#divAcc').accordion('select', 0)//也无法展开默认的第一项
        });
    </script>

  调用toString转为字符串,修正后的效果

easyui accordion 注意panel title标签不能设置为0/false或者''

   <div id="divAcc"></div>
    <script>
        $(function () {
            var data = ['accordion1', 'accordion2', 'accordion3', 'accordion4'];
            $('#divAcc').accordion({fit:true,border:false})
            for (var i = 0; i < data.length; i++) {
                $('#divAcc').accordion('add', { title: i.toString(), content: data[i] });
            }
             $('#divAcc').accordion('select', 0)
        });
    </script>

 

加支付宝好友偷能量挖...


原创文章,转载请注明出处:easyui accordion 注意panel title标签不能设置为0/false或者''

评论(0)Web开发网
阅读(332)喜欢(0)easyui开发技巧