创建动态列Kendo Grid

Question

我正在尝试使用javascript创建动态列Kendo Grid。现在我可以动态生成列。但每次它给我一个这样的错误。

这是我使用的代码

function createDetailsGrid() {
    gridDetails = $("#gridDetails");
    gridDetails.children().remove();
    gridDetails.kendoGrid({
        columns: [],
        dataSource: []

    })

    //var columnSchema = [];
    //columnSchema.push({ title: 'One',field: 'One', width: '100px' });
    //columnSchema.push({ title: 'Two', field: 'Two', width: '100px' });
    var dataSourceContent = GetCustomers();
    var len = dataSourceContent.model.length;

    var columnSchema = [];
    var dataSourceSchema = [];

    for (var i = 0; i < len; i++) {
        columnSchema.push({ title: String(dataSourceContent.model[i].ColumnName), field: String(dataSourceContent.model[i].ColumnName), width: '100px' });
    }
    //for (var i = 0; i < len; i++) {
    //    dataSourceSchema.push({ columnSchema[i].field: 10, smv: 2.3, tot_target: 23 });
    //}

    gridDetails.kendoGrid({
        // .. other properties ..
        columns: columnSchema,
       // dataSource:[],
        pageable: true,
        sortable: true
        //editable: true,
    });

出来就像

我在这里错过了什么吗？

谢谢

Answer 1

如果您没有使用'\'进行转义，则会抛出错误。

当您在html模板中显示时，您必须转义'＃'，如下所述：

<a href="\\#dashboard">Dashboard</a>