将kendo ui网格列标题绑定到json文件

Question

我正在使用kendo ui网格，我想将列标题绑定到json文件，而不是直接在控制器中指定它。

有没有办法在dataSource中绑定它？

如果没有，那怎么样？

这是我尝试过的，但它不起作用：

$scope.options = {
            dataSource: {
                type: "json",
                transport: {
                    read: "myData.json"
                },
                pageSize: 10,
                schema  : {
                    data: "mySchema"
                }
            },
            sortable: true,
            pageable: true,
            resizable: true,
            columns:{
                type: "json",
                transport: {
                    read: "app/data/headers.json"
                }
            }

Answer 1

您可以指定一个函数来获取标题，如下所示：

  function returnColumns(){
    var retVal;
    $.ajax({
          dataType: "json",
          url: "app/data/headers.json",
          data: data,
          success: success,
          async: false,
      success: function(data){
        retVal = $.parseJson(data);
      }
    });


    return retVal;
  }

然后，在您的列分配中，您只需执行以下操作：

columns : returnColumns(),

如果您提供要加载的json文件的格式，我们可以进一步测试。

希望这有帮助！