Kendo ui 如何在剑道树视图中检索单击时radiobutton的值和id？

上面的代码是一个剑道树视图，它有一个针对每个项目的单选按钮列表。 我需要检索单选按钮的名称和id

此外，我需要将单选按钮的值绑定到模型以进行检索

---

您可以使用treeview的不同事件，如选择、更改。下面是一个例子

@(
                 Html.Kendo().TreeView()
                 .Name("x")
                 .TemplateId("treeview-template")
                 .BindTo(Model.x)
            )
            <script id="treeview-template" type="text/kendo-ui-template">
                <input type='radio' data-bind="value: textValue,checked:checkedvalue" name='y'>&nbsp;#:item.text #</input>
            </script>

---

我试着在同一条线上工作，但没有找到解决办法。我的问题集中在单选按钮的绑定和检索上。在TreeView中使用单选按钮不是一个好主意，因为一旦选中单选按钮，就不能取消选中。您可以改为使用复选框，这将更符合逻辑。复选框在大多数情况下更适合，这是正确的，但要求至少选择一个值，并且它们必须是单数的，这与允许多个选择的复选框不同。

<script>
            $(document).ready(function() {
                function onSelect(e) {
                    kendoConsole.log("Selecting: " + this.text(e.node));
                }

                function onCheck(e) {
                    kendoConsole.log("Checkbox changed :: " + this.text(e.node));
                }

                function onChange(e) {
                    kendoConsole.log("Selection changed");
                }

                function onCollapse(e) {
                    kendoConsole.log("Collapsing " + this.text(e.node));
                }

                function onExpand(e) {
                    kendoConsole.log("Expanding " + this.text(e.node));
                }

                function onDragStart(e) {
                    kendoConsole.log("Started dragging " + this.text(e.sourceNode));
                }

                function onDrag(e) {
                    kendoConsole.log("Dragging " + this.text(e.sourceNode));
                }

                function onDrop(e) {
                    kendoConsole.log(
                    "Dropped " + this.text(e.sourceNode) +
                    " (" + (e.valid ? "valid" : "invalid") + ")"
                    );
                }

                function onDragEnd(e) {
                    kendoConsole.log("Finished dragging " + this.text(e.sourceNode));
                }

                function onNavigate(e) {
                    kendoConsole.log("Navigate " + this.text(e.node));
                }

                $("#treeview").kendoTreeView({
                    checkboxes: true,
                    dataSource: [
                        { text: "Furniture", expanded: true, items: [
                            { text: "Tables & Chairs" },
                            { text: "Sofas" },
                            { text: "Occasional Furniture" }
                        ] },
                        { text: "Decor", items: [
                            { text: "Bed Linen" },
                            { text: "Curtains & Blinds" },
                            { text: "Carpets" }
                        ] },
                        { text: "Storage" }
                    ],
                    select: onSelect,
                    check: onCheck,
                    change: onChange,
                    collapse: onCollapse,
                    expand: onExpand,
                    dragAndDrop: true,
                    /* drag & drop events */
                    dragstart: onDragStart,
                    drag: onDrag,
                    drop: onDrop,
                    dragend: onDragEnd,
                    navigate: onNavigate
                });
            });
        </script>