MVC 3 ASP.NET: Gridview на основе значения текстового поля в ASP.NETMVC 3

Question

У меня есть текстовое поле, которое будет содержать номера телефонов. Мне нужно заполнить вид сетки с именем и адресом владельца номера телефона. Мне нужно, чтобы это сеточное представление было изначально скрыто, а затем отображено с данными. Я использую MVC 3, Razor и 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

Есть кнопка обработчика click и написать код для отображения сетки в обработчике.

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

И убедитесь, что сетка скрыта через css при загрузке страницы. Примените приведенный ниже класс к сетке, которая изначально будет скрывать его при загрузке страницы.

.hide{
   display:none;
}

Если у вас есть идентификатор или какой-либо класс на кнопке, вы можете выбрать кнопку, используя ее идентификатор или имя класса.

$('#buttonId) или $('.buttonClassName)

Чтобы выбрать сетку, выберите в ней какой-нибудь класс и выберите его, как показано ниже.

$('.gridClassName')