Привязать GridView через JQuery AJAX

Question

Я новичок в jQuery, пытаюсь заполнить GridView или Telerik RadGrid с помощью jQuery. Не уверен, как это сделать, и не могу найти никаких примеров. Любая помощь приветствуется. Спасибо.

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

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

<input type="button" id="btnAddNewUserj" value="Add New User" />

$(document).ready(function() {
$("#btnAddNewUserj")
    .click(function() { ShowNewUserDialog(); return false });

$("#btnSearch")
    .click(function() { FindUsers(); return false });
});

function ShowNewUserDialog() {
    $("#newuserDialog").dialog({ modal: true, bgiframe: true }).dialog("open");
}

function FindUsers() {
  // HOW TO DO THIS?
  // Show selectable list of users from the database in grid.
}

<div id="newuserDialog" title="Add New User" style="display:none;">
<div>
<input id="txtSearchFor" type="text" />&nbsp;&nbsp;
<input id="btnSearch" type="button" value="Search" class="Button" /></div>
<p> DISPLAY RESULTS HERE </p>
<div style="margin:10px 6px;">
<input type="button" id="btnjAdd" value="Add" class="Button" />&nbsp;&nbsp;
<input type="button" id="btnjCancel" value="Cancel" class="Button" />   
</div>
</div>

Answer 1

Я думаю, что Telerik не ответ.

Answer 2

Пара мыслей здесь. Вы не можете заполнить GridView или Telerik Grid с помощью jQuery. jQuery - это технология на стороне клиента, а эти две сетки - на стороне сервера.

Вы можете использовать jQuery для запуска веб-службы и создания HTML-таблицы с результатами (что в основном и делает GridView).

Я предполагаю, однако, что вы бы лучше обслужились, просто используя привязку данных GridView. Вы можете использовать .Net UpdatePanel вокруг сетки, если вы хотите предотвратить полную обратную публикацию.

Answer 3

Используйте привязку на стороне клиента telerik radgrid, посмотрите пример: http://demos.telerik.com/aspnet-ajax/grid/examples/clientbinding/defaultcs.aspx

Обратите внимание, что в примере показано, как выполнить привязку к веб-службе WCF и службе данных ADO.NET. Вокруг есть другие образцы.

Другие варианты переплета: http://demos.telerik.com/aspnet-ajax/grid/examples/client/declarativedatabinding/defaultcs.aspx

Подробнее о привязке на стороне клиента: http://demos.telerik.com/aspnet-ajax/grid/examples/client/databinding/defaultcs.aspx