Radgrid 选中/取消选中复选框列在 RowDataBound答案

【问题标题】：Rad Grid check/uncheck check box column On RowDataBoundRadgrid 选中/取消选中复选框列在 RowDataBound
【发布时间】：2014-06-05 08:13:31
【问题描述】：

我有带有 GridTemplateColumn 的 rad 网格，其中包含一个复选框。我正在尝试选中/取消选中此复选框 OnRowDataBound 事件。这是我的网格：

<telerik:RadGrid runat="server" ID="RadGrid1" AllowPaging="true" AllowSorting="true"
        AllowFilteringByColumn="true" PageSize="5">
        <MasterTableView AutoGenerateColumns="False" DataKeyNames="Id" ClientDataKeyNames="Id">
            <PagerStyle Mode="NumericPages" AlwaysVisible="true" />
            <Columns>
                <telerik:GridImageColumn DataType="System.String" DataImageUrlFields="Image" AlternateText="User image"
                    UniqueName="Image" DataImageUrlFormatString="/{0}"
                    ImageAlign="Middle" ImageHeight="50px" ImageWidth="50px" AllowFiltering="false" HeaderText="">
                </telerik:GridImageColumn>
                <telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" UniqueName="UserName"
                    DataType="System.String">
                </telerik:GridBoundColumn>
                <telerik:GridTemplateColumn HeaderText="" AllowFiltering="false" UniqueName="CheckColumn">
                    <ItemTemplate>
                        <asp:CheckBox Text="" ID="ckUser" runat="server" />
                    </ItemTemplate>
                </telerik:GridTemplateColumn>

            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Selecting AllowRowSelect="True" />
            <ClientEvents OnRowDataBound="grdUsrs_RowDataBind" />
            <DataBinding Location="/SecuHostapi/Security" CountPropertyName="Count" ResponseType="JSON" DataPropertyName="Items">
                <DataService Type="OData" TableName="User/GetforGrid" />
            </DataBinding>
        </ClientSettings>
    </telerik:RadGrid>

function grdUsrs_RowDataBind(sender, args) {
        
  var td = args.get_item().get_cell("CheckColumn"); 
  dataItem = args.get_dataItem();
  btnEdit.getElementsByTagName('input')[0].checked = true;
  }

我也试过

$(btnEdit).find('#ckUser').prop('checked', true);

但还是没有效果。

【问题讨论】：

标签： javascript jquery telerik

【解决方案1】：

我使用 bootstrab 3 的问题这改变了复选框html。这是解决方案 $(btnEdit).find('#ckUser').find('span').addClass('checked');

check/uncheck bootstrap checkboxes with jQuery

【讨论】：