it-swarm-ru.tech

Простой пример JQuery SlickGrid JSON или документация

Я ищу простой пример того, как использовать SlickGrid при попытке получить данные как JSon через jQuery.Ajax. Мне также не удалось найти какую-либо документацию по плагину SlickGrid, и мне было интересно, смотрю ли я в неправильных местах. Любая помощь, чтобы начать меня с SlickGrid была бы очень признательна.

12
doberkofler

Пример на странице asp.net. Веб-служба myData возвращает строку json, которая должна соответствовать столбцам сетки.

$(function () {

        $.ajax({
            url: "WS.asmx/myData",
            global: false,
            type: "POST",
            data: "{}",
            contentType: "application/json",
            dataType: "json",
            async: false,
            success: function (json) {
                data = eval('(' + json.d + ')');
                if (!data) { alert('no data'); };
            },
            error: function (msg) {
                var errorText = eval('(' + msg.responseText + ')');
                alert('Error : \n--------\n' + errorText.Message);
            }
        }

        );

 if (data) {
    dataView = new GridNic.Data.DataView();
    grid = new GridNic.Grid($("#myGrid"), dataView.rows, columns, options);
    var pager = new GridNic.Controls.Pager(dataView, grid, $("#pager"), columns);
    var columnpicker = new GridNic.Controls.ColumnPicker(columns, grid, options);

... и так далее


В Asp.Net размер строки json по умолчанию ограничен. В случае проблем вы должны объявить больший размер в файле web.config, например. :

<system.web.extensions>
  <scripting>
    <webServices>
        <jsonSerialization maxJsonLength="5000000">
        </jsonSerialization>
    </webServices>
  </scripting>
</system.web.extensions>
6
zalath

Пример AJAX в репозитории SlickGrid довольно сложный, потому что он пытается запутаться с кэшированием и т.д. Например, он отслеживает все уже отправленные строки и будет запрашивать только новые строки с сервера. Это также жестко закодировано для конкретного примера рассказов Digg. Документация остро отсутствует, и она кажется глючной в версиях 1.5+ jQuery (которые изменили способ обработки ajax).

Мне было намного легче начать работу с использованием Andrew Childs форка SlickGrid, который содержит очень простые и понятные инструкции о том, как использовать AJAX внизу README:

Репозиторий находится по адресу https://github.com/andrewchilds/SlickGrid

13
Van Gale

Взгляните на это пример .

Если в SlickGrid нет примеров, взгляните на jqgrid .

2
gor

Решение простое, но они прямо не указывают, как это сделать, на своей вики-странице.

SlickGrid ожидает, что JSON будет в форме объекта. Так что, если по какой-либо причине это в строковой форме, просто используйте:

JSON.parse(jsonString);

Если вы загружаете из ajax, просто сделайте это:

$.getJSON("file.json", function(data) {
    grid = new Slick.Grid("#myGrid", data, columns, options);
}
0
wynshaft