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中,而且布局乱了。
<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转为字符串,修正后的效果
<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或者''