これは概念的な質問ですが、ユーザー入力に基づいて.Net WebControlsをページに追加できるようにしたいと考えています。私はこれらのコントロールをサーバーから生成されたWebControlsとUserControlsにします。私はコントロールが完全にレンダリングされていることを確認しながらこれを行う方法について実際にはわかりません。私は簡単にJQueryからサーバーにリクエストを行い、返されたマークアップを問題なくページに追加できます。 AJAXを介してJQueryに戻すためにWebControl/UserControlのフルマークアップを生成する方法はありますか?JQueryとAJAXを使用して.Net WebControlをロードする
答えて
ページへの非同期コールバックを作成するには、AJAXを使用する必要があります。クライアントからこれをトリガーしたい場合は、おそらく__doPostBack
を使用し、コードビハインドのRaisePostBackEvent
メソッドをオーバーライドすることができます。
<script type="text/javascript">
loadControls = function(input){
__doPostBack(input.id, input.value);
}
</script>
<asp:UpdatePanel ID="pnlLoadControls" runat="server">
<ContentTemplate>
<asp:TextBox ID="txtInput" runat="server" onkeyup="loadControls(this)" />
<asp:PlaceHolder ID="plcLoadedControls" runat="server" />
</ContentTemplate>
</asp:UpdatePanel>
そして、コードビハインドで
:protected override void RaisePostBackEvent(IPostBackEventHandler source, string eventArgument)
{
base.RaisePostBackEvent(source, eventArgument);
if (source == txtInput)
{
plcLoadedControls.Controls.Add(new LiteralControl("Hello World!"));
}
}
私はこれをjavascript/jqueryだけで行い、別のページにリクエストしたいと考えていました。私はページが毎回完全なライフサイクルを経るように気をつけています。私はむしろコントロールをスクリプトに注入したいと思います。 – mrK
jQueryでやりたければ、AJAXリクエストを作成し、そのコンテンツをiframeにロードすることができます。それを薄く効率的に保つには、リクエストを 'HttpHandler'などに送ることを検討してください。 –
iframeはiPad上で表示されたときにスクロールが許可されないので怖いです。これらのコントロールのいずれかにロードされたカスタムコンテンツは、コンテナの境界を超えて拡張することはできません。 – mrK
- 1. Jquery Mobileでajaxを使用してフォームをロードする
- 2. jqueryを使用してアイテムをajaxからインクリメンタルにロードする
- 3. jQueryを使用したページのAjaxロード
- 4. jQuery/AJAXを使用した.Net AuthenticationService
- 5. jQueryとZeroClipboardを使用してAjaxレスポンスをクリップボードにロードするには?
- 6. JQuery UIタブでajaxを使用してドキュメントフラグメントをロード
- 7. AJAX/Jqueryを使用してSQLクエリを再ロード
- 8. ajax/jqueryを使用して特定の順序で要素をロードする
- 9. JQuery/AJAX:動的コンテンツを使用して外部DIVをロードする
- 10. JQuery/Ajax-MVC2を使用してボタンクリックイベントとしてチェックボックスを使用する方法
- 11. JQueryライブロード - ajaxを介してフォームをロード
- 12. AJAXをJqueryでロードする
- 13. jquery ajaxロードされた要素を選択して使用する方法
- 14. jQueryとAjaxを使用してフォームを送信する
- 15. JQueryとAJAXを使用してSQLを更新する
- 16. ajaxとjqueryを使用して写真をアップロードするには
- 17. jQuery AjaxとPHPを使用してSQLデータベースを更新する
- 18. PERLとjquery-ajaxを使用してmysqlデータを取得する
- 19. $ .ajaxとjQueryを使用してオブジェクトを投稿する
- 20. jquery $ .ajaxコールを使用してMozilla FormDataを使用する
- 21. jQueryを使用してajaxをロードしたコンテンツのドキュメント対応アコーディオン
- 22. AJAXを使用して生の画像データをロードする
- 23. IE9でajaxを使用してローカルファイルをロードする方法
- 24. Ajaxリクエストを使用してpartialをロードする方法は?
- 25. AJAXを使用して複数回フォームをロードする
- 26. ajaxを使用してcheckboxListをロードするには
- 27. jQueryを使用したDrupalのノード・フィールドのロードAjax
- 28. MVCを使用したAJAXとjQuery
- 29. Ajax/jQueryを使用して外部ページのコンテンツを別のページにロード
- 30. データベースを検索し、返されたクエリをjQueryとAJAXを使用してページにロードします。
私はあなたがWebフォームを使用していると仮定しています。 – Tejs
私はWebFormsが何に適用されるかについては明確ではありませんが、System.Web.UI.WebControls名前空間を使用しています。 – mrK
私はASP.NET WebFormsとASP.NET MVCを意味します。これはMVCでは簡単です。 – Tejs