Rad Grid Check / uncheck复选框列On RowDataBound

时间:2014-04-21 09:24:57

标签: javascript jquery telerik

我有一个带有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>

js

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);

但仍然没有影响

1 个答案:

答案 0 :(得分:0)

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

check/uncheck bootstrap checkboxes with jQuery