在RadTreeView的Telerik RadTreeNode的節點模板中找到單選按鈕控件

Question

我試圖在rad樹視圖的節點模板中找到一個單選按鈕控件。 在JavaScript中，我可以獲取所有節點，但不能獲取此無線電控件。

我的要求是帶有復選框和2個單選按鈕的項目選項的樹狀視圖。

我在asp.net中使用以下代碼

<div>
                <telerik:RadTreeView ID="Tree" runat="server" ShowLineImages="True" CheckBoxes="true"> 
                <Nodes> 
                   <telerik:RadTreeNode runat="server" Text="Product" Expanded="false">
                    <Nodes>
                        <telerik:RadTreeNode Text="Item 1">
                            <Nodes>
                                <telerik:RadTreeNode runat="server" Text="Type" Checkable="false">  
                                <NodeTemplate> 
                                    <div> 
                                        <asp:RadioButton runat="server" ID="RB1" Text="Option 1" GroupName="StandardTags" /><br /> 
                                        <asp:RadioButton runat="server" ID="RB2" Text="Option 2" GroupName="StandardTags" />
                                    </div> 
                                </NodeTemplate> 
                                </telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeNode>

                        <telerik:RadTreeNode Text="Item 2">
                            <Nodes>
                                <telerik:RadTreeNode runat="server" Text="Type" Checkable="false">  
                                <NodeTemplate> 
                                <div> 
                                    <asp:RadioButton runat="server" ID="RB3" Text="Option 1" GroupName="StandardTags" /><br /> 
                                    <asp:RadioButton runat="server" ID="RB4" Text="Option 2" GroupName="StandardTags" />
                                </div> 
                                </NodeTemplate> 
                                </telerik:RadTreeNode>
                            </Nodes>
                        </telerik:RadTreeNode>
                    </Nodes>
                    </telerik:RadTreeNode>
                </Nodes> 
                </telerik:RadTreeView>        
                <telerik:RadButton runat="server" OnClientClicked="findControl" Text="Find Control" AutoPostBack="false"></telerik:RadButton>

           </div>

我試圖像這樣在JavaScript中獲取節點

function findControl() {
              var tree = $find('<%=Tree.ClientID%>');
              var element = tree.findNodeByText("Item 1").get_text();

              alert('You have selected ' + element);
          }

但是我找不到在“項目1”中選擇單選按鈕的任何選項。

我需要獲取節點和單選按鈕的選定值。

如果還有其他方法可以實現此功能，請提出建議。

非常感謝

Answer 1

嘗試在javascript中查找控件時，必須遵循相同的控件層次結構。

var tree = $find("<%= Tree.ClientID %>");

var cDiv = tree.findNodeByText("Item 1").get_nodes().getNode(0).get_contentElement();

var radioBtn = $(cDiv).find("input:radio");

radioBtn.each(function (index, element) {

        alert(element.value + ' = ' + element.checked);

});

請注意，在findNodeByText（“ Item 1”）之后 ，我將獲取所有子節點，然后獲取第一個節點（包含文本“ Type”的節點），然后使用get_contentElement（）;

之后，您可以使用常規jquery查找單選按鈕並根據需要進行操作。

Telerik客戶端文檔

RadTreeNode RadTreeNodeCollection