從JavaScript調用C＃函數背后的代碼

Question

我知道有人問過這個問題，但是眾多答案都不符合我的情況。 因此，我會謙虛地問，是否有人可以再次溫柔地引導我進行此操作。

環境：.net 4 Web應用程序，使用c＃，javascript，jquery，sql服務器和實體框架。

問題：我需要允許用戶將值“快速添加”到綁定到下拉框的表中，而不會丟失用戶已經輸入到當前頁面的值。 我不在乎是否必須執行回發或使用jquery或使用ajax等。我首先需要功能-稍后需要美化...如果您希望繼續閱讀，請在下面描述該方案。 話雖這么說，我希望它對用戶來說是平滑的而不是“笨拙的”。

場景：我有一個頁面，用戶可以在其中將很多信息輸入到文本框，靜態下拉框和綁定到其他表的下拉框中，這些表將全部合並並插入到一個表中。 好吧，它永遠不會失敗，用戶可以填寫頁面，並且當他們到達一個表綁定下拉框時-缺少值或尚未添加任何項目。 我想在該下拉框旁邊添加一個按鈕或鏈接或其他內容，以使用戶可以“快速添加”一個項目到填充該下拉框的表中，然后刷新該下拉框，以便他們可以選擇列表中的新值...所有這些都不會丟失他們已經輸入的屏幕上的其他數據。

我試過的：-嘗試過WebMethod選項。 當前，該網頁在后面的代碼中調用一些自定義的“綁定”方法來填充下拉框，因此不會直接從實體框架的對象中填充它們。 因此這意味着使用靜態方法將不適用於解決方案，因為靜態函數的一部分將需要調用bind方法以使用新插入的值刷新下拉框。

-嘗試使用PageMethod選項。 其他一些示例使用了“頁面方法”設置，但是我的網站使用的是母版頁和內容頁面，這些帖子似乎表明該頁面方法路由無法正常工作。

說得通？

Answer 1

將UpdatePanel添加到頁面。 更新面板應包裝要添加的下拉菜單，以及用於在該下拉菜單中添加新條目的文本框/按鈕。 您可能希望每個下拉/按鈕對都有一個不同的UpdatePanel（如果適用）。

當他們單擊更新面板內部的按鈕時，您可以閱讀文本框，在下拉列表中添加一個額外的項目，然后將更新發送到數據庫。 （如果可能的話，我會手動將新值添加到下拉列表中，而不是更新數據庫並重新綁定，但這可能不是。）

UpdatePanels的魔力在於確保所有這些都是異步的，因此不會打擾用戶在頁面上工作。