How to edit dynamically created HTML table using stringbuilder

Question

0.00/5 (No votes)

See more:

I created a dynamic HTML table using StringBuilder. But when I am trying to pass it's cell value to jQuery Ajax call, I am not getting the correct values. How will I get the cell values after focus out?

Here's the exact code snippet:

Dim table as new StringBuilder()
For each item in strategy

table.AppendLine(String.Format("<td>{0}</td>",item.id);

table.AppendLine("<td>{0}</td>",item.price);

table.AppendLine("<td contenteditable=""true"" onfocusout ="SaveVal({0},{1})"">{1}</td>",item.id, item.cellvalue );

Next

Return table.tostring ();

SaveVal Jquery method in .aspx file:

function SaveVal(id,cellvalue){
$.ajax({
type:"POST",
url:"Maintenance.aspx/SaveVal",
contentType:"application/json;charset=utf-8",
dataType:"json",
data: JSON.stringify({
ids: id,
val:cellvalue
}),
async:false,
success:function(response){
alert("Value Saved");
}
});
}

I want to get this content editable cell value after focus out. SaveVal(id,cellvalue) function is defined in jQuery Ajax call and I want to pass these 2 parameters id and cellvalue which is the final value of the cell- if there is no edit then-existing value and if we edit and type new value then the new value will be passed.

What I have tried:

Please see code snippet that I’ve tried so far.

Posted 15-Mar-21 18:16pm

smchat

Updated 15-Mar-21 22:59pm

Add a Solution

1 solution

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)

Richard Deeming · Answer 1 · 2021-03-15T22:59:00

Quote:

VB.NET

table.AppendLine("<td contenteditable=""true"" onfocusout=""SaveVal({0},{1})"">{1}</td>", item.id, item.cellvalue)

You haven't quoted the values you're passing to your function. Unless both id and cellvalue are numbers, you will either get a syntax error, or they will be treated as references to undeclared variables.

You will also need to encode the values properly to avoid persisted cross-site scripting vulnerabilities and other errors. For ASP.NET (WebForms), use a combination of System.Web.HttpUtility.HtmlAttributeEncode and System.Web.HttpUtility.JavaScriptStringEncode for the attribute, since you need to encode for both contexts, and System.Web.HttpUtility.HtmlEncode for the cell value.

VB.NET

table.AppendLine("<td contenteditable=""true"" onfocusout=""SaveVal({0},{1})"">{2}</td>",
    HttpUtility.HtmlAttributeEncode(HttpUtility.JavaScriptStringEncode(item.id, true)),
    HttpUtility.HtmlAttributeEncode(HttpUtility.JavaScriptStringEncode(item.cellvalue, true)),
    HttpUtility.HtmlEncode(item.cellvalue));