Guide to storing a variable value when a user clicks on the client-side in a Grid View:

Question

Guide to storing a variable value when a user clicks on the client-side in a Grid View:

How can I store data in a variable on client click within a grid view?

I have a Stored Procedure that returns Service Id based on the Department code provided. We are binding these details to a Grid View. How can we bind the Service Id to a variable that can be accessed throughout the code and passed to different Stored Procedures? Currently, I am hard coding test data for this purpose. While binding to the grid view, we are not displaying the Service Id anywhere but it is present in the data table. I am using RowDataBound but struggling to store the clicked element in a variable.

C# part

protected void gvServiceCount_RowDataBound(object sender, GridViewRowEventArgs e)
{   int serviceId = Convert.ToInt32(e.Row.Cells[2].Text);
    Session["serviceId"] = serviceId;
}

ASP.NET part

<asp:GridView ID="gvServiceCount" runat="server" AutoGenerateColumns="false" EmptyDataText="No Data Found"
                    Width="100%" HeaderStyle-BackColor="#facf5a" OnSelectedIndexChanged="gvServiceCount_SelectedIndexChanged" OnRowDataBound="gvServiceCount_RowDataBound"
                    HeaderStyle-ForeColor="Black" RowStyle-BackColor="White"
                    RowStyle-ForeColor="Black">
                    <Columns>
                         <asp:TemplateField HeaderText="Closed">
                            <ItemTemplate>
                                <asp:LinkButton ID="lblClosedCount" Text='<%#Eval("SUMOFAPPROVEREJECTED") %>' runat="server" OnClick="lblClosedCount_Click"></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                         </Columns>
                </asp:GridView>

I need to find a way to store the data in a variable upon client click.

javascript c#asp.net

Answer 1

Answer №1

Here is a code snippet that you can try:

<asp:TemplateField HeaderText="Closed">
    <ItemTemplate>
    <asp:LinkButton ID="lblClosedCount" Text='<%#Eval("SUMOFAPPROVEREJECTED") %>' runat="server" data-serviceid='<%#Eval("ServiceId")' OnClick="lblClosedCount_Click"></asp:LinkButton>
    </ItemTemplate>
</asp:TemplateField>

Implement the following logic in your code:

protected void lblClosedCount_Click(object sender,EventArgs e)
{
    string serviceId = lblClosedCount.Attributes["data-serviceid"].toString();
    // your coding here ----
}

Answer 2

Here is a code snippet that you can try:

<asp:TemplateField HeaderText="Closed">
    <ItemTemplate>
    <asp:LinkButton ID="lblClosedCount" Text='<%#Eval("SUMOFAPPROVEREJECTED") %>' runat="server" data-serviceid='<%#Eval("ServiceId")' OnClick="lblClosedCount_Click"></asp:LinkButton>
    </ItemTemplate>
</asp:TemplateField>

Implement the following logic in your code:

protected void lblClosedCount_Click(object sender,EventArgs e)
{
    string serviceId = lblClosedCount.Attributes["data-serviceid"].toString();
    // your coding here ----
}

Guide to storing a variable value when a user clicks on the client-side in a Grid View:

Answer №1

Similar questions

Having trouble with QuickBlox video calling feature on the web?

The latest update of MS CRM 2013 now includes a version number for WebResources that are of script

What is the best way to share an HTML element across multiple pages in Next.js?

Tips on activating the CSS style while typing using the onChange event in React

Data from AngularFire not displaying in my list application

One way to automatically pass a default date parameter to an AJAX GET call in JavaScript is to set the initial date value before making the request. As the

Unveiling the approach to accessing a nested function with jQuery

React.js issue with onChange event on <input> element freezing

What is the best way to display grouped items horizontally in an ASP.NET ListView?

Increment and decrement the like count on fa-heart multiple times

Tracking mouse positions across an HTML document

Tips for creating a consistent format based on test cases

JQuery fails to retrieve accurate width measurements

A helpful guide on how to dynamically input database values into the href attribute of an 'a' tag

Struggling to properly line up the baselines of navigation list items that are styled as circular elements using CSS

Change the ng-model of the initial controller when a button is clicked in a separate controller

What is the best way to cycle through a series of lists and retrieve the URL when a specific string is found within a class of the list

Capturing user inputs in PHP or AJAX

Managing Timezones in DateTime in C#, JSON, and Android

Display of Navigation Bar in Angular is Not Proper