如何在 kendo ui radiogroup 中以编程方式设置项目？

Question

我想在加载小部件后自定义要在 kendo UI radiogroup 中选择的数据。

这是一个示例，在初始化 kendo UI radiogroup 后多次尝试完成项目。

https://dojo.telerik.com/oJOZezuQ/2

可以在没有问题的情况下设置值，但不能设置项目。

有没有比在更改项目时重新生成整个小部件更好的变体？

Answer 1

我能够完成这项工作的唯一方法是删除 kendo 小部件，然后使用新项目重新创建它：

<div id="radioGroupSection"></div>

<script>
    rg = $("#radioGroupSection");
    rg.html('<ul id="radiogroup"></ul>')
    
    $("#radiogroup").kendoRadioGroup({
      items: [ "one", "two" ],
      value: "one"
    });
    
    setTimeout(function () {
      rg.html('<ul id="radiogroup"></ul>')
    
      $("#radiogroup").kendoRadioGroup({
        items: [ "one", "two", "three" ],
        value: "three"
      });
    }, 3000);
</script>

这是dojo

Answer 2

我现在实现如下：

https://dojo.telerik.com/oJOZezuQ/9

在我看来这是一个很好的解决方案，因为刷新期间选项不会更改。

<ul id="radiogroup"></ul>
<script>

 var tmpSetOptions = {
  items: [ "one", "two" ],
  value: "one",
  labelPosition: "before",
  layout: "horizontal"
 };

 $("#radiogroup").kendoRadioGroup(tmpSetOptions);

 setTimeout(function(){
  tmpSetOptions.items = [ "one", "two", "three", "four", "five"];
  $("#radiogroup").kendoRadioGroup(tmpSetOptions);
 }, 5000);

</script>

如何在 kendo ui radiogroup 中以编程方式设置项目？

How can I set items programmatically in kendo ui radiogroup?

radio-group

kendo-ui