MVC 3 ASP.NET：ASP.NET MVC 3のテキストボックス値に基づくGridview

Question

私は電話番号を含むテキストボックスを持っています。私は、電話番号の所有者の名前と住所をグリッドビューに記入する必要があります。グリッドビューを最初に非表示にしてからデータで表示する必要があります。私はMVC 3、剃刀とC＃を使用します。私は初心者ですが、いくつかの例を参照できますか？神の祝福

Answer 1

<div id="myGridContainer"> 
<!-- your grid lives here --> 
</div> 
<input id="myButton" type="button" value="Show/Hide"/> 

$(document).ready(
function(){ 

$('#myButton').click(function(){ 
$('#myGridContainer').toggle(); 
} 
} 
); 

あなたを助けるかもしれません。プレーンなHTML、CSS、JavaScriptに慣れていない場合は、最初にそれを練習することをお勧めします。どのように動作するかを理解するのに役立ちます。

Answer 2

ボタンを持って、ハンドラにグリッドを表示するコードを書いてください。

$('buttonSelector').click(function(){ 
    $('gridSelector').show(); 
}); 

グリッドがページロード時にCSSによって非表示になっていることを確認してください。次のクラスをグリッドに適用します。グリッドは最初はページの読み込み時に非表示になります。

.hide{ 
    display:none; 
} 

あなたはボタンのIDまたは任意のクラスを持っている場合は、そのIDまたはクラス名を使用して、ボタンを選択することができます。

$('#buttonId)または$('.buttonClassName)

グリッド上でいくつかのクラスを持っており、以下のようにそれを選択し、グリッドを選択します。擬似コードの上

$('.gridClassName')