如何在视图上迭代kendo数据

时间:2015-08-22 01:25:59

标签: javascript kendo-ui

我使用的是kendo核心ui(免费版),我不确定在我的视图中我需要做什么才能遍历数据...老实说,我是&#m; m不知道甚至要找什么。我尝试使用模板,但无法使其工作。我想在表格中显示数据。这是我的观点模型。

    var dataSource = new kendo.data.DataSource({
      transport: {
          read: {
              url: '/Customer/GetCustomers',
              dataType: 'json'
          }
       }
     });
     dataSource.read();
     var viewModel = kendo.observable({
        title: 'Current Customers',
        AllCustomers: dataSource,

     });

1 个答案:

答案 0 :(得分:0)

事实证明,我让事情变得比他们需要的更困难。我试图在我的模板中应用'for'循环,但不需要它。

现在可以正常使用。

<强> HTML

<table data-bind="source: AllCustomers" data-template="template"></table>
<script id="template" type="text/x-kendo-template">
    <tr>
        <td>#: CompanyName #</td>
    </tr>
</script>

<强> JS

$.ajax("/Customer/GetCustomers", {

    type: "POST",
    dataType: "json",
    success: function (result) {
        viewModel.set("AllCustomers", result);
    }
});

var viewModel = kendo.observable({
    title: 'Current Customers',
    AllCustomers: null
});