This is a migrated thread and some comments may be shown as answers.

Set focus on Checkbox inside radgrid in clientside

7 Answers 169 Views

Grid

This is a migrated thread and some comments may be shown as answers.

7 Answers, 1 is accepted

answered on 03 Sep 2012, 05:47 AM

Thanks Eyup. But my radgrid is not in that format. Can you tell me how i can achieve the same in following code snippet.
<div class="gridTableWrap-S">
                        <telerik:RadGrid ID="rgType" runat="server" CellSpacing="0" GridLines="None" AutoGenerateColumns="False"
                            Height="250px" OnItemDataBound="rgType_ItemDataBound" TabIndex="10">
                            <ClientSettings>
                                <Scrolling AllowScroll="true" UseStaticHeaders="true" />
                            </ClientSettings>
                            <MasterTableView DataKeyNames="ID" ClientDataKeyNames="ID">
                                <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                                <RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column">
                                    <HeaderStyle Width="20px"></HeaderStyle>
                                </RowIndicatorColumn>
                                <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column">
                                    <HeaderStyle Width="20px"></HeaderStyle>
                                </ExpandCollapseColumn>
                                <Columns>

                                    <telerik:GridTemplateColumn DataField="ACTIVE" FilterControlAltText="Filter TemplateColumn column"
                                        UniqueName="chekBoxCol">
                                        <HeaderTemplate>
                                            <asp:CheckBox ID="chkSelectAllType" runat="server" OnCheckedChanged="ToggleSelectedType"
                                                AutoPostBack="True" />
                                            <asp:Label ID="requiredCode" runat="server" CssClass="stardrop">*</asp:Label>
                                        </HeaderTemplate>
                                        <HeaderStyle Width="55px" HorizontalAlign="Center" />
                                        <ItemStyle HorizontalAlign="Center" />
                                        <ItemTemplate>
                                            <asp:CheckBox ID="chkIsactiveType" runat="server" OnCheckedChanged="ToggleRowSelectionType"
                                                AutoPostBack="True" Checked='<%# Convert.ToBoolean(Eval("ACTIVE")) %>' />
                                             
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>
                                    <telerik:GridBoundColumn DataField="TYPE_NAME" FilterControlAltText="Filter Type column"
                                        HeaderText="<%$ Resources:Resource1, colType %>" UniqueName="NAME">
                                    </telerik:GridBoundColumn>
                                </Columns>
                                <EditFormSettings>
                                    <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                                    </EditColumn>
                                </EditFormSettings>
                                <HeaderStyle VerticalAlign="Middle" />
                            </MasterTableView>
                            <FilterMenu EnableImageSprites="False">
                            </FilterMenu>
                        </telerik:RadGrid>
                    </div>

I want to set focus on chkSelectAllType.
Thanks
Abhi

Accepted

answered on 03 Sep 2012, 06:55 AM

Hello,

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" OnItemDataBound="RadGrid1_ItemDataBound"

OnNeedDataSource="RadGrid1_NeedDataSource" AllowPaging="true" PageSize="2">

<MasterTableView Name="Parent" DataKeyNames="ID">

<Columns>

<telerik:GridBoundColumn DataField="ID" UniqueName="ID" HeaderText="ID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="Name" UniqueName="Name" HeaderText="Name">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="ACTIVE" FilterControlAltText="Filter TemplateColumn column"

UniqueName="chekBoxCol">

<HeaderTemplate>

<asp:CheckBox ID="chkSelectAllType" runat="server" />

</HeaderTemplate>

<ItemTemplate>

<asp:CheckBox ID="chkIsactiveType" runat="server" onclick="radalert('Radalert is called from the client!', 330, 100,'Client RadAlert', alertCallBackFn,null);" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn>

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

function alertCallBackFn(arg) {

if (arg == true) {

var checkBoxes = $("input[id*='chkSelectAllType']");

if (checkBoxes.length > 0) {

checkBoxes.get(0).checked = true;

}

protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)

{

dynamic data = new[] {

new { ID = 1, Name ="Name1",path="1.jpg"},

new { ID = 2, Name = "Name2",path="2.jpg"},

new { ID = 3, Name = "Name3",path="3.jpg"},

new { ID = 4, Name = "Name4",path="2.jpg"},

new { ID = 5, Name = "Name5",path="3.jpg"}

};

RadGrid1.DataSource = data;

}

Please do not forget to add jquery in your page.

Thanks,
Jayesh Goyani