文字控制 <li> 內聯編輯

Question

我想編輯文本並保存它，但是是內聯的，這是將文本上載到服務器中的文字控件，但是現在我要內聯編輯文本。

用戶控件-ASP.NET

...

+ "<td>" + status + "</td>"

...

load.Controls.Add(new LiteralControl(_str));

_str是帶有文字控制的字符串；

status是作為來自數據庫的數據的字符串。

我的想法是單擊數字並進行編輯。 我該怎么做？

Answer 1

您可以將狀態呈現為禁用的無邊界文本框（input =“ text”）。 這意味着它對用戶而言似乎是純文本。 當用戶單擊它時，您將更改文本框樣式以使其可見（帶有邊框）和可編輯（可聚焦，已啟用）。 該信息的保存過程可以在用戶離開文本框（onblur事件），向服務器發出AJAX請求時或僅在用戶單擊保存按鈕（假定它可能存在）時進行。