ユーザークリック時にデータを入力する必要があるグリッドテーブルがあるとします。リクエストはajax経由で送信し、json経由でデータを返す必要があります。asp.netmvc3とjQueryを使用したい。
私の質問は、返されたjsonデータをdiv idに入力する方法ですが、jQueryを使用してターゲットdivを認識し、そのdiv内のデータを入力するにはどうすればよいですか?
ユーザークリック時にデータを入力する必要があるグリッドテーブルがあるとします。リクエストはajax経由で送信し、json経由でデータを返す必要があります。asp.netmvc3とjQueryを使用したい。
私の質問は、返されたjsonデータをdiv idに入力する方法ですが、jQueryを使用してターゲットdivを認識し、そのdiv内のデータを入力するにはどうすればよいですか?
divが考慮される限り、それにIDを指定でき、後でGetElementbyIdjavascript関数を使用して要素にアクセスできるようになります。
テーブル要素については、複数の選択肢があります。
静的テーブルをコーディングしないでください。代わりに、jqueryまたはjavascriptを使用して要素をdomに追加します。このようにして、xmlを反復処理し、関連する行と列を動的に追加できます。
テーブルをhtmlで静的にコーディングし、IDを割り当ててから、セル間の次の兄弟、前の兄弟などの関係を使用してすべてのセルにアクセスします。
そして最後に
IDを持つ特定のdivに部分的なビューを返すAjax.ActionLinkを使用できませんか?
ビューで
@Ajax.ActionLink("linkText", "action", new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "divContainerId" })
<div id="divContainerId"></div>
コントローラ内
[HttpGet]
public PartialViewResult action()
{
var jsonData = getData();
return PartialView("_partialView", jsonData);
}