1

2 つの DropDownList があります。最初は表示され、2 番目は表示されません。私はこのようなものが欲しいです：

  1. 最初の DDL から値を選択します。
  2. その後、部分的なポストバックが発生します。データは選択に基づいて DB から取得されます。
  3. 2 番目の DDL が設定されます
  4. 2 番目の DDL はスライド効果 (javascript) で表示されます

私は完全なポストバックをしたくありません。最終的な効果は次のようになります。

最初の DDL から値を選択し、次にその下にある、入力された 2 番目の DDL を下にスライドします。

始め方がわかりません。

4

5 に答える 5

6

Webフォームを使用しているように聞こえるので、問題を解決するための最初のステップは、最初にASP.Net UpdatePanelコントロールとそれが提供するオプションを調査することです。

http://msdn.microsoft.com/en-us/library/system.web.ui.updatepanel.aspx

ただし、UpdatePanel は一見すばらしく見えますが、ネットワーク経由で必要以上の 100 倍のデータを送信し、Ajax を行うほどパフォーマンスが低下します。機能が複雑になるとパフォーマンスの問題が発生するため、自分自身を狭いコーナーにコーディングすることができます。

Asp.net WebForms で jQuery を使用する方法について encosia.com の優れたチュートリアルを見て、代わりにその方法を学ぶことができるかどうかを確認します。UpdatePanel はそれほど優れたツールではなく、jQuery が提供できる機能に驚かれることでしょう。

http://encosia.com/2008/05/29/using-jquery-to-directly-call-aspnet-ajax-page-methods/

また、「スライド」効果が必要だとおっしゃいました。それを行うには、asp.net ajax アニメーション エクステンダーに飛び込む必要があると思いますが、そのフレームワークは、作業するのにきれいでも快適でもありません。

于 2009-05-27T06:49:09.053 に答える
1

UpdatePanel を使用して開始できます。イベントを更新して、UpdatePanel に含まれるコンテンツのみを更新できます。

公式リンクASP UpdatePanel の概要

于 2009-05-27T06:44:36.427 に答える
1

UpdatePanel を使用すると、ASP.NET で AJAX の動作を取得する簡単な方法になります。UpdatePanel は、ほとんどの AJAX を処理します。

ここに良いチュートリアルがあります：

http://www.asp.net/Ajax/Documentation/Live/tutorials/IntroductionUpdatePanel.aspx

于 2009-05-27T06:44:52.383 に答える
1

あなたは見るべきです

カスケード ドロップダウン

jQuery を使用して 2 番目のドロップダウンの div を変更します。ここを参照してください。

および関連する jQuery

<script type="text/javascript">
$(document).ready(function(){

$(".btn-slide").click(function(){
    $("#panel").slideToggle("slow");
    $(this).toggleClass("active"); return false;
});


});

于 2009-05-27T06:47:31.227 に答える
0

たぶん、Ajaxコントロールツールキットからのカスケードドロップダウンコントロールがあなたを助けることができます：
http ：//www.asp.net/AJAX/AjaxControlToolkit/Samples/CascadingDropDown/CascadingDropDown.aspx

于 2009-05-27T07:21:19.657 に答える