如何在选中ComboBox项后从GridView中的相邻列获取值?

时间:2013-04-24 06:47:43

标签: c# javascript gridview telerik

我对ASP.Net GridView Control中的Telerik RadComboBox有疑问。

请在下面找到我的代码片段:

<asp:UpdatePanel ID="papPanel" runat="server">
    <ContentTemplate>
        <asp:GridView ID="gvTestGrid" runat="server" AutoGenerateColumns="false" OnRowDataBound="gvTestGrid_RowDataBound">
            <Columns>
                <asp:TemplateField HeaderText="Column1">
                    <ItemTemplate>
                        <asp:Label ID="lblValue" runat="server" Text='<%# Bind("Col1")%>'></asp:Label>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="Column2">
                    <ItemTemplate>
                        <telerik:RadComboBox ID="rcbItem" runat="server" CheckBoxes="true" AutoPostBack="false"
                            OnClientItemChecked="rcbItemOnClientItemChecked">
                            <items>
                                <telerik:RadComboBoxItem Value="1" Text="Item A" />
                                <telerik:RadComboBoxItem Value="2" Text="Item B" />
                                <telerik:RadComboBoxItem Value="3" Text="Item C" />
                                <telerik:RadComboBoxItem Value="3" Text="Item D" />
                                <telerik:RadComboBoxItem Value="3" Text="Item E" />
                                <telerik:RadComboBoxItem Value="3" Text="Item F" />
                            </items>
                        </telerik:RadComboBox>
                    </ItemTemplate>
                </asp:TemplateField>
            </Columns>
        </asp:GridView>
    </ContentTemplate>
</asp:UpdatePanel>

我的GridView中有两列,我希望通过使用JavaScript或jQuery来获取&#34; Column1&#34;的值,当OnClientItemChecked事件触发&#34; Column2&#34;在同一行。

enter image description here

例如,在第1行的ComboBox控件上检查了值之后,我想得到值&#34; 1&#34;。

请帮忙,先谢谢你。

1 个答案:

答案 0 :(得分:0)

请查看此控制集telerik的在线演示 或者您可以尝试下面的示例:

       function onItemChecked(sender, args) {
            var checked = args.get_item().get_checked();
            *var rowIndex=sender.parentNode.parentNode.rowIndex; //please debug your code to find YOUR rowIndex*
            **var rowIndex=sender._element.parentNode.parentNode.parentNode.parentNode.rowIndex //wish this code works**
            var gdview=document.getElementById("<%=gvTestGrid.ClientID %>");
            var value=gdview.rows(rowIndex).cells(0).innerText;
       }