Разработчик ASP.NET считает jQuery очень полезным при работе с GridView💚
Элемент управления GridView - самый популярный элемент управления в ASP.NET для отображения значений из источника данных в таблице HTML. Каждый столбец GridView представляет собой поле, а каждая строка представляет собой запись. Он поддерживает следующие функции:
· Привязка к элементам управления источником данных, например DataTables.
· Встроенные возможности сортировки.
· Встроенные возможности обновления и удаления.
· Встроенные возможности подкачки.
· Встроенные возможности выбора строк.
· Программный доступ к объектной модели GridView для динамической установки свойств, обработки событий и т. Д.
· Настраиваемый внешний вид с помощью тем и стилей.
GridView можно создать с помощью всего одной строчки кода на странице .aspx:
<asp:GridView ID="gridView" runat="server"></asp:GridView>
А на странице .aspx.cs вы можете получить доступ к этому GridView по его «id» и установить значение источника данных следующим образом:
gridView.DataSource = dataTable; gridView.DataBind();
Здесь dataTable - это объект DataTable.cs класса Dot Net Framework. Чтобы заполнить его значениями из базы данных, вы используете класс SqlDataAdapter.
GridView с jQuery
Если вы разработчик ASP.NET, то вы найдете jQuery очень полезным в своем GridView. Его можно использовать для создания отличной функции с помощью всего нескольких строк кода. Все, что вам нужно сделать, это добавить jQuery на свою страницу .aspx и начать создавать отличные функции в GridView.
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
// write code here
});
</script>
В этой статье я выбрал одни из самых лучших руководств по jQuery + GridView, которые должен прочитать каждый веб-разработчик ASP.NET. Это поможет им использовать эти руководства при работе с GridView.
1. Установить / снять все флажки GridView с помощью jQuery
Вы можете добавить флажок в строке заголовка GridView. Когда этот флажок установлен, jQuery автоматически щелкает все дочерние флажки. Эта функция помогает пользователям быстро устанавливать все флажки вместо того, чтобы вручную выбирать их один за другим.
2. Пошаговое связывание GridView с jQuery AJAX - без обратной передачи страницы
.ajax() метод GridView помогает выполнять асинхронные операции в GridView. Здесь он включает данные привязки из источника данных без обратной передачи страницы. Эта операция асинхронного связывания из jQuery выполняется очень быстро, поскольку обновляется только часть страницы.
3. Связывание GridView с разбиением на страницы с использованием загрузки jQuery без обновления страницы
.load() метод jQuery - еще один метод для использования метода AJAX. В этом руководстве метод загрузки jQuery используется для привязки GridView к данным из базы данных, чтобы не было обратной передачи страницы.
4. Связывание GridView с использованием загрузки jQuery в ASP.NET без перезагрузки страницы
Один GridView можно использовать на нескольких страницах, что предотвращает дублирование кода на веб-сайте. В этом руководстве метод загрузки jQuery используется для отображения GridView на нескольких страницах, которые также имеют параметры для фильтрации данных GridView. Все эти операции выполняются без обратной передачи страницы.
Заключение
Каждый веб-сайт ASP.NET использует GridView в том или ином месте, и нет лучшего использования jQuery в GridView, чем в других элементах управления ASP.NET. Надеюсь, вам понравится эта статья, и дайте мне знать о любых ваших вопросах относительно GridView или jQuery.
