Trying to call a function (ASP.NET server side function) from HTML button

Question

I get DataTable from Access DB of suggestions and when i create foreach loop i create how it will look in the web here is the code:

public partial class suggestions : System.Web.UI.Page{
protected string str = "";
protected string str1 = "";
protected int id = 0;

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        DataTable dt = myadohelper.ExecuteDataTable("YonatanDB.mdb", "select * from suggestionsTable");
        foreach (DataRow row in dt.Rows)
        {
            int like = int.Parse(row["likeCount"].ToString());
            int dislike = int.Parse(row["dislikeCount"].ToString());
            int score = like - dislike;
            str += "<div class='sug'>";
            str += "<div class='txt'>";
            str += "<h3>" + row["suggestionName"] + "</h3>";
            str += "<p>" + row["suggestion"] + "</p>";
            str += "</div>";
            str += "<div class='like'>";
            str += "<button type='button' id='btnLike" + row["ID"] + "' runat='server' onserverclick='Action_Click' ><img src='img/like.png' alt='Italian Trulli'/></button>";
            str += "<button type='button' id='btnDisLike" + row["ID"] + "' runat='server' onserverclick='Action_Click' ><img src='img/dislike.png' alt='Italian Trulli'/></button>";
            str += "<div class='likeNumber'>ציון: " + score + "</div>";
            str += "</div>";
            str += "</div>";
            str += "<br />";
        }
    }
}

protected void Action_Click(object sender, EventArgs e)
{

    HtmlButton b = sender as HtmlButton;

    string s = "";
    if (b != null)
    {
        s = b.ClientID;
    }
    str1 = "<p>" +s + "</p>";
}

}

and here is the HTML code:

    <form id="my_form" method="post" runat="server">
    <h1>Main Suggestion</h1>
    <%=str1 %>
    <br /><br />
    <%=str %>
</form>

I'm trying to activate a function in Asp.net named "Action_click" from the buttons (the names of the buttons are "btnLike" and "btnDisLike" each id i added the id from the DB) i created,

for for some reason the function don't work and i dont know why?

p.s. for now the function only add a paragraph to the HTML page, but when i see it's warking i'll change it.

You need to register events with +=

jdweng
– jdweng

2020-04-28 09:36:39 +00:00
Commented Apr 28, 2020 at 9:36 — jdweng
– jdweng, Commented Apr 28, 2020 at 9:36

vhr · Accepted Answer · 2020-04-28 09:48:28Z

You should use something like GridView control then you can use ButtonField with Command properties to achieve what you need. You just have to set its data source and it will generate all the HTML code and events for you.

<asp:sqldatasource id="CustomersSource"
    selectcommand="SELECT CustomerID, CompanyName, FirstName, LastName FROM 
    SalesLT.Customer"
    connectionstring="<%$ ConnectionStrings:AWLTConnectionString %>" 
    runat="server"/>

<asp:gridview id="CustomersGridView" 
  datasourceid="CustomersSource" 
  autogeneratecolumns="False"
  emptydatatext="No data available." 
  allowpaging="True" 
  runat="server" DataKeyNames="CustomerID">
<Columns>
    <asp:BoundField DataField="CustomerID" HeaderText="CustomerID" 
        InsertVisible="False" ReadOnly="True" SortExpression="CustomerID" />
    <asp:BoundField DataField="CompanyName" HeaderText="CompanyName" 
        SortExpression="CompanyName" />
    <asp:BoundField DataField="FirstName" HeaderText="FirstName" 
        SortExpression="FirstName" />
    <asp:ButtonField Text="Select" CommandName="Select" />
</Columns>
</asp:gridview>

Collectives™ on Stack Overflow

Trying to call a function (ASP.NET server side function) from HTML button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related