Подтвердить что ты не робот

Управление JQuery GridView

Есть ли что-нибудь подобное?

То, что я ищу, - это элемент управления, который будет на стороне клиента, с возможностями редактирования, отмены строки GridView.

Я хочу использовать его для сбора данных от пользователя, а затем сохранить на сервере после того, как пользователь выполнит ввод данных.

Редакция:

Спасибо за все рекомендации. Одна вещь, которую я хотел бы спросить всех вас, прежде чем я углубится и потрачу время на изучение этих рамок.

Все вы, похоже, используете ASP.net MVC и отмечаете, что эти инструментальные средства хороши с этим. Тем не менее, я использую веб-формы ASP.net. У этих фреймворков хорошо работает со старым ароматом ASP.net?

4b9b3361

ОТВЕТЫ

Ответ 1

Да. jqGrid работает хорошо. Попробуйте демо. Мы используем его с ASP.NET MVC.

Обновление:. В обновленном вопросе вы спросили об использовании фреймворков, таких как jQuery, с помощью WebForms. Ты можешь сделать это? Конечно. Хочешь? Это более сложный вопрос. В WebForms вы обычно позволяете WebForms генерировать JavaScript для вас. Вот почему у вас есть UpdatePanel и тому подобное. С одной стороны, это легко, потому что вы можете сосредоточить свое внимание на С#, и вы можете использовать компоненты грида, которые не требуют, чтобы вы вообще писали какой-либо JavaScript, чтобы заставить их работать. С другой стороны, вы ограничены тем, что может сделать сгенерированный код. Да, вы можете писать JavaScript вручную, даже в WebForms, но вам нужно обойти некоторые вещи, которые делает инфраструктура, например, изменение идентификаторов на элементах управления. Да, вы можете писать обработчики событий в С#, но для этого требуется использование обратных передач, которые не соответствуют естественным образом в HTTP, и последствия, которые видны конечному пользователю.

Общепринято использовать jQuery с ASP.NET MVC в немалой степени, потому что он поставляется с фреймворком. Но даже до того, как это произошло, все еще было очень часто использовать эти два метода, потому что jQuery очень упрощает работу с вещами, которые в противном случае напрямую не поддерживаются в ASP.NET MVC, например, чтобы элементы управления на странице взаимодействовали друг с другом. Да, это означает, что вы должны писать JavaScript, но до тех пор, пока вы в порядке с этим, вы получаете огромное преимущество в том, что вы можете написать любое взаимодействие, которое вы хотите, без необходимости обратной передачи на сервер.

Если вы просто ищете хороший контроль сетки для WebForms, я бы предложил использовать элемент управления, предназначенный для WebForms, а не сетку, предназначенную для jQuery. Причина в том, что код, который вы напишете, будет более естественным в рамках идиом WebForms.

Если вы просто хотите изучить jQuery, хорошо, что это действительно хорошая идея, потому что структура интересна, полезна и хорошо разработана, но я не уверен, что лучший контроль - это лучшее место для начала. Лучшее место для начала может добавить визуальное чутье на некоторые из ваших существующих страниц. Легче начать с известного HTML и манипулировать им с помощью jQuery, чем он должен генерировать новый HTML и одновременно изучать jQuery.

Ответ 2

Клиентские рамки

В дополнение к jqGrid существует несколько других гридов javascript, которые я играл недавно:

  • Flexigrid: jQuery-based, no редактирование еще не запланировано.

  • Ext GridPanel: Ext js is другой фреймворк javascript, который интерфейсы с jQuery.

  • YUI DataTable: пользователь Yahoo Интерфейс (YUI) - еще один структура с редактируемой сеткой контроль.

Это все клиентские компоненты: они работают в браузере пользователя, отключены от вашего кода сервера. Как и Tracker1, и некоторые другие авторы писали, вам придется либо самостоятельно написать методы Ajax, чтобы подключить решетку на стороне клиента к серверу, либо попытаться воспользоваться преимуществами существующих оберток, например:

Параметры на стороне сервера

  • Обертки Coolite Ext для .NET

  • Одна из прогрессивных библиотек обертки YUI.NET(YuiDotNet или Yui.NET). Я не думаю, что ни один из них не покажет оболочку для DataTable, но они могут показать вам способ сделать это.

Подключение клиента и сервера

Если вы не работали с большим количеством Ajax или много сделали с этими фреймворками javascript, будьте готовы к некоторой части кривой обучения: когда вы начнете их использовать, вам нужно постоянно помнить, что происходит на сервере и что происходит на клиенте (и когда!).

Если вы используете одну из прямых библиотек javascript, перечисленных выше, в отличие от .NET-обертки, вам придется написать метод на стороне сервера для обработки данных и предоставить ее клиенту с использованием вашего выбора технологии (Действия контроллера MVC JsonResult, устанавливающие методы WebMethods/ScriptMethods и т.д.).

Связанные вопросы

Использование ExtJS в ASP.NET и Возврат данных из ASP.net в сетку ExtJS - эти ориентированы на внешние элементы управления, но ответы содержат много хорошей общей информации о подключении нового поколения элементов управления javascript к серверным приложениям.

Good Asp.Net excel-like Grid control - вы также можете быть заинтересованы в ответах на этот вопрос, особенно потому, что кажется, что вы хотите использовать твердые возможности редактирования.

Ответ 3

В настоящее время я использую DataTables. Это позволяет создавать таблицу html и применять фильтры для нескольких столбцов, сортировки нескольких столбцов, подкачки и т.д. У вас есть опция для клиентской обработки таблицы html или получения данных из источника AJAX.

Он также имеет API для динамического добавления строк, динамического отображения столбцов и группировки.

Ответ 5

Из вашего комментария (о упоминании Крейга о jqGrid), вы либо захотите пойти с jqGrid, FlexiGrid или другой альтернативой на стороне клиента, а сами подключите его к серверной стороне, или вам будет лучше с коммерческий компонент сетки ajax на основе jQuery.

Если вы используете MVC (как Craig Mentions), jqGrid - довольно приятный вариант. Достаточно легко подключить события jqGrid к действиям контроллера JsonResult в MVC.

Ответ 8

Вы можете опробовать мой бесплатный WebGrid DataGrid, который использует JQuery и является JQuery ThemeRoller-Ready

Ответ 9

jsGrid - легкий плагин jQuery для GridView js-grid.com

Он довольно настраиваемый и может быть использован с любым источником данных.