Checkbox 如何在剑道UI面板栏上切换可展开或折叠的复选框？

我试图使一个面板栏与几个可扩展的选项与复选框在每个级别。我遇到的问题是，如果单击作为可扩展面板一部分的复选框，该复选框不会切换。下面是一个显示问题的简化示例。在下面的示例中，无法切换Main 1的复选框

const panelBarTemplate=`
#：item.text#
#var ItemCheckboxLabelClass=“k-checkbox-label”#
#if（item.items）{ItemCheckboxLabelClass=“k-checkbox-label可展开项”}#
`;
var canExpandCollapse=true；
$（“#侧栏面板”）.kendoPanelBar({
模板：panelBarTemplate，
数据源：[{
正文：“主1”，
id:'Main1'，
可见：是的，
对,，
项目：[{
正文：“Sub 1”，
id:'Sub1'，
可见：正确
}, {
正文：“Sub 2”，
id:'Sub2'，
isVisible:false
}]
}],
数据绑定：函数（）{
$（'.expandable item'）。单击（函数（）{
canExpandCollapse=false；
});
},
展开：取消展开折叠，
折叠：取消折叠
});
函数（e）{
如果（！canExpandCollapse）{
e、 预防默认值（）；
canExpandCollapse=true；
}
}

我可以通过不使用复选框找到解决方法。我不用复选框，而是使用剑道移动开关，使开关切换，面板栏不会展开或折叠

下面是修改后的代码段。更改的项目包括

panelBarTemplate

，

dataBound

配置中的函数，以及Kendo mobile的css文件

const panelBarTemplate=`
#：item.text#
`;
var canExpandCollapse=true；
$（“#侧栏面板”）.kendoPanelBar({
模板：panelBarTemplate，
数据源：[{
正文：“主1”，
id:'Main1'，
可见：是的，
对,，
项目：[{
正文：“Sub 1”，
id:'Sub1'，
可见：正确
}, {
正文：“Sub 2”，
id:'Sub2'，
isVisible:false
}]
}],
数据绑定：函数（）{
//如果尚未初始化，则初始化移动交换机。
$（'.my checkbox'）。每个（函数（索引，项）{
让mobileSwitch=$（项目）；
让mobileSwitchData=mobileSwitch.data（'kendoMobileSwitch'）；
如果（！mobileSwitchData）{
手机开关。kendoMobileSwitch（）；
}
});
//单击移动交换机时禁用展开和折叠
//连接到可扩展面板的。
$（'.expandable item'）。同级（'.k-switch-container'）。单击（函数（）{
canExpandCollapse=false；
});
},
展开：取消展开折叠，
折叠：取消折叠
});
函数（e）{
如果（！canExpandCollapse）{
e、 预防默认值（）；
canExpandCollapse=true；
}
}

我的朋友。有时候剑道很烂。我在这里尝试了一些东西，但没有达到你想要的。这个小部件的功能如此复杂，以至于我无法意识到那里到底发生了什么。无法使用输入中的自定义单击事件或css z-index执行此操作。没有什么。我建议你把它发布在他们的论坛上，让他们自己处理bs。@DontVoteMeDown谢谢你的建议，但我使用的是Kendo UI Core，在他们的论坛上写着“只有获得试用或商业许可证，你才能参加这些论坛”，并且“社区问题可以直接转到“Kendo UI”StackOverflow类别”. 所以，考虑到我没有剑道ui的许可证，现在这是问这个问题最合适的地方。