如何在函数javascript中使用kendo ui grid datasource绑定数据源?

时间:2018-03-21 03:58:31

标签: javascript user-interface kendo-ui

我已经建立了kendo ui和javasript功能。函数返回数据源值。我想在kendo ui grid中绑定这个数据源值。但我不知道如何将它们绑在一起。我想在我的kendo ui中的函数中传递'list'。任何帮助? 这是我的剑道ui代码:

              ` $(document).ready(function () {

                $("#grid").kendoGrid({
                    dataSource: {
                        transport: {
                            read: {

                                }
                            },
                        schema: {
                            model: {
                                fields: {
                                    ActivityID: { type: "number" },
                                    Assigner: { type: "string" },
                                    AssignDate: { type: "date" },
                                    Task: { type: "string" },
                                    Assignee: { type: "string" },
                                    DueDate: { type: "date"},
                                    CompletionDate: { type: "date"},
                                    Status: { type: "string" },
                                }
                            }
                        },

`

这是我的javascript函数:

  ` <script type="text/javascript">
  function retrieveList(){
   $.post("./proxy.aspx?func=getList",
    {
      Data: "{\"ListName\": \"Dummy\"}"
    },
        function(data, status){
        var json;
        var list;

        json = JSON.parse(data);
        list = json.Result;

        alert("Data: " + data + "\nStatus: " + status);
    });
  }`

2 个答案:

答案 0 :(得分:0)

我已经为您的参考创建了一个示例dojo,它说明了绑定到网格的基本数据: http://dojo.telerik.com/aPoBiVEW

答案 1 :(得分:0)

我已经得到了答案!

只需在我的函数retrieveList中添加此代码即可!

        var dataSource = new kendo.data.DataSource({
          data: list
        });

        var grid = $("#grid").data("kendoGrid");
        grid.setDataSource(dataSource);