How can I read and access HTML table in ASP code behind page

Question

1.00/5 (2 votes)

See more:

I have created a jquery dynamic table for invoice form on which user can add product,price, quantity and all data's in dynamically. I want this jquery dynamic table data/values in code behind file.

How can i make it possible ?

Much appreciation if you could help in this regards.

Thanks

Posted 9-May-16 8:50am

Member 12459268

Updated 10-May-16 0:17am

F-ES Sitecore

v2

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

F-ES Sitecore · Answer 1 · 2016-05-10T00:17:00

You'll have to put the data in a hidden variable as well as on the screen in a table. So when you submit the form you could use jQuery to read the data from the table and store it in a hidden field like;

ASP.NET

<form id="form1" runat="server">
    <asp:HiddenField ID="MyData" runat="server" />

    <asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click"/>
        
    <script type="text/javascript">
        $(document).ready(function () {
            $("#<%=btnSubmit.ClientID%>").click(function () {
                // I'm hard-coding this, you can keep a track of this data as you add\remove products
                // or you can scan the finished table and build it from there
                var myData = { Products: [{ "ID": 1, "Name": "Product 1" }, { "ID": 1, "Name": "Product 1" }] };
                $("#<%=MyData.ClientID%>").val(JSON.stringify(myData));
                return true;
            });
        });
    </script>
</form>

Code-behind classes

C#

public class PageData
{
    public List<Product> Products;
}

public class Product
{
    public int ID;
    public string Name;
}

Submit event

C#

protected void btnSubmit_Click(object sender, EventArgs e)
{
    string json = MyData.Value;
    // this needs a reference to System.Web.Extensions.dll
    System.Web.Script.Serialization.JavaScriptSerializer s = new System.Web.Script.Serialization.JavaScriptSerializer();
    PageData data = s.Deserialize<PageData>(json);

    foreach(Product p in data.Products)
    {

    }
}

Hafiz Saad Ullah · Answer 2 · 2016-05-09T23:25:00

Solution 1

Try HtmlTable Class.

You have to add runat="server" tag to the HTML table and access that table by Id in Code behind. and then CAST it to HTMLTable.

ASP.NET

<table id="tblTest" runat="server">
   <tr>
       <td></td>
    </tr>
</table>

for example :

C#

HtmlTable table = ((HtmlTable)tblTest);
table.Rows[0].Cells[0].FindControl("ControlId");

Posted 9-May-16 23:25pm

Hafiz Saad Ullah

Comments

F-ES Sitecore 10-May-16 6:02am

That's not going to work for rows\cells created via jQuery or javascript.