Show hide AutoCompleteExtender for different GridView rows based on condition in ASP.Net

nagaraju...

SOLVED CLOSED ACTIVE ANSWERED
User: nagaraju60
Posted: on Sep 25, 2018 05:44 AM
Forum: Data Controls
Answer: 1
Views: 3297
Sample Code: Download

Hi all,

I have one gridview with itemtemplate textboxes. in my gridview i have one textbox cell. in this cell for every row it behave some cells are different autocompleteextenders and some cells are normal textboxes only for example, i have one gridview like below,

                                                <asp:GridView ID="GvSection1Data_Two" runat="server" AutoGenerateColumns="false" ShowHeader="false" GridLines="Both" Width="1170px">
                                                    <Columns>
                                                        <asp:BoundField DataField="Value_Key" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" ItemStyle-CssClass="hiddencol" HeaderStyle-CssClass="hiddencol" />
                                                        <asp:TemplateField HeaderText="Column1">
                                                            <ItemTemplate>
                                                                <asp:Label ID="Lbl_Section_Column1" runat="server" Text='<%# Eval("Section_Column1") %>' Width="200px" CssClass="lblPnts" />
                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                        <asp:TemplateField HeaderText="Column2">
                                                            <ItemTemplate>
                                                                <asp:TextBox runat="server" ID="Section_Column2" Text='<%# Eval("Section_Column2") %>' Width="970px" CssClass="MndtryTxtBox" Enabled="true" />

                                                                <asp:AutoCompleteExtender ID="TxtELF_ACE" runat="server" ServiceMethod="ELFID" MinimumPrefixLength="0" ServicePath="~/Autocomplete.asmx"
                                                                    EnableCaching="false" TargetControlID="Section_Column2" OnClientItemSelected="" CompletionListCssClass="autocomplete_completionListElement"
                                                                    CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">
                                                                </asp:AutoCompleteExtender>


                                                                <asp:AutoCompleteExtender ID="TxtGF_ACE" runat="server" ServiceMethod="GFID" MinimumPrefixLength="0" ServicePath="~/Autocomplete.asmx"
                                                                    EnableCaching="false" TargetControlID="Section_Column2" UseContextKey="true" OnClientItemSelected="" CompletionListCssClass="autocomplete_completionListElement"
                                                                    CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">
                                                                </asp:AutoCompleteExtender>

                                                            </ItemTemplate>
                                                        </asp:TemplateField>
                                                    </Columns>
                                                </asp:GridView>

The output gridview like,

Result
Date
Specs
ELF ID
GF_ID

for this above gridview my conditions are,

first row - autocomplete is not required for this cell. so, dont show autocomplete.

second row - autocomplete is not required for this cell. so, dont show autocomplete.

Third row - autocomplete is not required for this cell. so, dont show autocomplete.

Fourth Row - Autocomplete is required for this cell, in this cell i require to call "TxtELF_ACE" extender

Fifth Row - Autocomplete is required for this cell, in this cell i require to call "TxtGF_ACE" extender

How to do it ?

Thanks in advance

pandeyis...

0 3

Reply
ANSWER
User: pandeyism
Replied: on Oct 01, 2018 04:44 AM
Report

Hi nagaraju60,

Please refer below sample code.

HTML

<asp:GridView ID="GvSection1Data_Two" runat="server" AutoGenerateColumns="false"
    ShowHeader="false" GridLines="Both" Width="1170px">
    <Columns>
        <asp:BoundField DataField="Value_Key" ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left"
            ItemStyle-CssClass="hiddencol" HeaderStyle-CssClass="hiddencol" />
        <asp:TemplateField HeaderText="Column1">
            <ItemTemplate>
                <asp:Label ID="Lbl_Section_Column1" runat="server" Text='<%# Eval("Section_Column1") %>'
                    Width="200px" CssClass="lblPnts" />
            </ItemTemplate>
        </asp:TemplateField>
        <asp:TemplateField HeaderText="Column2">
            <ItemTemplate>
                <asp:TextBox runat="server" ID="Section_Column2" Text='<%# Eval("Section_Column2") %>'
                    Width="970px" CssClass="MndtryTxtBox" Enabled="true" />
                <asp:AutoCompleteExtender ID="TxtELF_ACE" runat="server" ServiceMethod="ELFID" MinimumPrefixLength="0"
                    ServicePath="~/Autocomplete.asmx" EnableCaching="false" TargetControlID="Section_Column2"
                    OnClientItemSelected="" CompletionListCssClass="autocomplete_completionListElement"
                    CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">
                </asp:AutoCompleteExtender>
                <asp:AutoCompleteExtender ID="TxtGF_ACE" runat="server" ServiceMethod="GFID" MinimumPrefixLength="0"
                    ServicePath="~/Autocomplete.asmx" EnableCaching="false" TargetControlID="Section_Column2"
                    UseContextKey="true" OnClientItemSelected="" CompletionListCssClass="autocomplete_completionListElement"
                    CompletionListItemCssClass="autocomplete_listItem" CompletionListHighlightedItemCssClass="autocomplete_highlightedListItem">
                </asp:AutoCompleteExtender>
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>

Namespaces

using System;
using System.Web.UI.WebControls;
using System.Data;
using AjaxControlToolkit;

Code

protected void Page_Load(object sender, EventArgs e)
{
    DataTable dt = new DataTable();
    dt.Columns.AddRange(new DataColumn[] { new DataColumn("Value_Key", typeof(string)), new DataColumn("Section_Column1", typeof(string)), new DataColumn("Section_Column2", typeof(string)) });
    dt.Rows.Add("1", "sc1", "sc11");
    dt.Rows.Add("2", "sc2", "sc22");
    dt.Rows.Add("3", "sc3", "sc33");
    dt.Rows.Add("4", "sc4", "sc44");
    dt.Rows.Add("5", "sc5", "sc55");
    GvSection1Data_Two.DataSource = dt;
    GvSection1Data_Two.DataBind();
    for (int i = 0; i < GvSection1Data_Two.Rows.Count; i++)
    {
        TextBox textbox = (TextBox)GvSection1Data_Two.Rows[i].Cells[2].FindControl("Section_Column2");
        AutoCompleteExtender TxtELF_ACE = (AutoCompleteExtender)GvSection1Data_Two.Rows[i].Cells[2].FindControl("TxtELF_ACE");
        AutoCompleteExtender TxtGF_ACE = (AutoCompleteExtender)GvSection1Data_Two.Rows[i].Cells[2].FindControl("TxtGF_ACE");
        if (i <= 2)
        {
            TxtELF_ACE.Enabled = false;
            TxtGF_ACE.Enabled = false;
        }
        else if (i == 3)
        {
            TxtELF_ACE.Enabled = true;
            TxtGF_ACE.Enabled = false;
        }
        else if (i == 4)
        {
            TxtELF_ACE.Enabled = false;
            TxtGF_ACE.Enabled = true;
        }
    }
}

Show hide AutoCompleteExtender for different GridView rows based on condition in ASP.Net

Company

Explore

Follow us

Contact Us