javascript - 在 Kendo Grid 中动态生成列时未捕获语法错误 : Unexpected number,

Question

我在使用动态列创建网格时收到Uncaught SyntaxError: Unexpected number。

对于引用，我已采用以下 jsbin 并尝试将列标题 Balance 更新为 03/22/2016。

http://jsbin.com/garifabuda/edit?html,js,output

请在 JavaScript 中进行以下更改并在控制台中检查错误。

var data = [{
  "Name": "daya",
  "Role": "Developer",
  "Dept": "Dev",
  "Date": "\/Date(836438400000)\/",
  "03/22/2016": 23 // Previously it was Balance
}, {
  "Name": "siva",
  "Role": "Developer",
  "Dept": "Dev",
  "Date": "\/Date(836438400000)\/",
  "03/22/2016": 23 // Previously it was Balance
}, {
  "Name": "sivadaya",
  "Role": "Developer",
  "Dept": "Dev",
  "Date": "\/Date(836438400000)\/",
  "03/22/2016": 23 // Previously it was Balance
}, {
  "Name": "dayasiva",
  "Role": "Developer",
  "Dept": "Dev",
  "Date": "\/Date(836438400000)\/",
  "03/22/2016": 23 // Previously it was Balance
}];

任何人都可以对此有任何解决方案吗？我想要列标题作为日期字符串。任何帮助将不胜感激。

更新1

这里所有列都是动态生成的，因此可能不仅仅只有“03/22/2016”。也可以是其他日期。

Answer 1

最后，我做了一些解决方法，因为剑道不支持特殊字符(特别是/)。

我所做的是，

1. 通过添加 d_ 和 X 更改 db 中的列名称并填充它。所以现在我的列名称如下所示

d_03X22X2016

之后在网格的数据绑定(bind)事件中添加以下代码。

         dataBound: function (e) {

            var obj = $('.k-header .k-link');

            for (var i = 0; i < obj.length; i++) {
                obj[i].innerHTML = obj[i].innerHTML.replace('d_', '').replace('X', '/').replace('X', '/');
            }
        }

它将替换 View 中所有预定义的(d_，X)特殊字符，并按我的预期显示。这不是完美的解决方案，而是解决此问题的一种技巧。