ドロップダウンリストに基づくボタンの表示/非表示

Question

現在、私はドロップダウンリストと4つのボタンを含むaspxページを持っています。 ドロップダウンリストでの選択に基づいて、ボタンの組み合わせが表示されます。

ユーザーが選択するときに、私はAutoPostBackとselectedChangedサーバーサイドイベントを使用して、表示するボタンを決定し、このメソッドのこれらのボタンのVisibleプロパティを設定するように実装しました。

このポストバックでは、ページ全体としての素晴らしい解決策がポストバックされているとは思えません。 JSONを使用してこれを行うことをお勧めします。

私は次の試みを試みたが、動作していないよう：

$(document).ready(function() { 
      jQuery("#<%= MyDropdownList.ClientID %>").change(function() { 
       updateAvailableButtons(jQuery(this).val()); 
     }); 

    }); 

function updateAvailableButtons(selectedItemId) { 
     jQuery("h2").html("selectedItemId:" + selectedItemId); 
     jQuery.getJSON("MyPage.aspx/GetAvailableButtons?" + Id, function (data, textStatus) { debugger; }); 
    } 

サーバー側：

protected void GetAvailableButtons(int selectedItemId) 
    { 
     //based on the id here then then I show hide certain buttons. 
     button1.Visible = true; 
     button2.Visible = false; 
     button3.Visible = false; 
     button4.Visible = false; 
    } 

これは遠く離れている場合、私はそう謝罪する前にJSONで働いたことがありません。

Answer 1

JavaScriptを使用して同様のタスクを実行できます。問題は、クライアントサイドのフォームを操作できるように、asp.netボタンコントロールの代わりにhtmlコントロールを使用する必要があることです。