Связывание Kendo DataGrid с использованием jquery

0

Я передаю информацию от контроллера к виду следующим образом:

return View(data);

Как я могу получить доступ к этим данным в представлении так, чтобы привязать данные к KendoDataGrid? У меня есть следующий код:

@model IEnumerable<MyCustomerModel>
<div id="StatementGrid"></div>
<script>
    $(document).ready(function() {
        var lines = [{ TransactionDate: "01/01/2014", TransactionNumber: "001" }];//this works
        var lines2 = @model //How to pass the model information here?

        var grid = $("#StatementGrid").kendoGrid({
            columns: [
                { field: "TransactionDate", title: "Date" },
                { field: "TransactionNumber", title: "Transaction Number" }
            ],
            dataSource: {
                data:lines
                //data:lines2 //this does not work
            }
        });

    });
</script>
Теги:
asp.net-mvc
data-binding
kendo-ui
datagrid

1 ответ

0
Лучший ответ

Вы могли бы Json закодировать вашу модель и задать для вашей строки строк JavaScript значение равное этому значению следующим образом:

@model IEnumerable<MyCustomerModel>


<div id="StatementGrid"></div>
<script>
    $(document).ready(function() {

        var lines = @Html.Raw(Json.Encode(Model))

        var grid = $("#StatementGrid").kendoGrid({
            columns: [
                { field: "TransactionDate", title: "Date" },
                { field: "TransactionNumber", title: "Transaction Number" }
            ],
            dataSource: {
                data:lines
            }
        });

    });
</script>

Вам нужно будет установить тип данных даты и формат, но он будет работать. Это, как говорится, я НЕ рекомендую этот подход во ВСЕХ. Вместо этого я бы посмотрел документацию Telerik о том, как связывать с помощью удаленных или локальных данных по следующим ссылкам и следовать их указаниям:

http://demos.telerik.com/kendo-ui/web/grid/remote-data.html

http://demos.telerik.com/kendo-ui/web/grid/local-data.html

  • 0
    Спасибо Шон, это сработало. Кроме того, не могли бы вы уточнить, почему этот метод не является приемлемым подходом? Это потому, что он не разрешает дальнейшее разбиение на страницы / сортировку / фильтрацию в сетке?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню