kendoTreeView，需要注意的地方

今天使用了下kendoUI中的TreeView控件，一开始的时候总是不成功，

总是会报 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined，

后来查询相关的API，原来TreeView是比较特殊的控件，不能绑定kendo.data.DataSource数据源，

数据源必须是kendo.data.HierarchicalDataSource类型的数据源，

将数据源改为该类型的以后，任然报错，而且是奇怪的错误提示。。。

Uncaught TypeError: e.slice is not a function

使我又郁闷了半天，经由同事的提醒，我突然发现树的数据可能有问题，

代码如下：

    /**
     * 获取文档设置信息（树）
     */
    @RequestMapping("/getDocSettingsTree")
    @ResponseBody
    public String getDocSettingsTree(HttpSession session,HttpServletRequest request) {
        try{
            Settings rootSettings = new Settings();
            rootSettings.setSettingId("-1");
            rootSettings.setSettingName("文档分类");
            rootSettings.setSettingType("2");
            getSubSettings(rootSettings);
            String settingList = JsonMapper.alwaysMapper().toJson(rootSettings);
            return settingList;
            
        }catch(Exception e){
            return "查询出错！";
        }
    }

这里的根节点是单个对象，必须在包装成LIST才行，

于是修改代码为：

    /**
     * 获取文档设置信息（树）
     */
    @RequestMapping("/getDocSettingsTree")
    @ResponseBody
    public String getDocSettingsTree(HttpSession session,HttpServletRequest request) {
        try{
            Settings rootSettings = new Settings();
            rootSettings.setSettingId("-1");
            rootSettings.setSettingName("文档分类");
            rootSettings.setSettingType("2");
            getSubSettings(rootSettings);
            //必须包装成LIST回传
            List<Settings> listSettings = new ArrayList<Settings>();
            listSettings.add(rootSettings);
            String settingList = JsonMapper.alwaysMapper().toJson(listSettings);
            return settingList;
            
        }catch(Exception e){
            return "查询出错！";
        }
    }

这样问题便解决了

JS代码：

function initTree(){
    
    $.ajax({
        type: "POST",
        async: true,
        url: ctx + "/Settings/getDocSettingsTree",
        dataType: "json",
        success: function(data){

            var dataSource = new kendo.data.HierarchicalDataSource({
                data: data,
                schema: {
                    model: {
                        id: "settingId",
                        settingType: "settingType",
                        children: "subSettings"
                    }
                }
            });
            $("#docTree").kendoTreeView({
                dataSource: dataSource,
                dataValueField: "id",    
                dataTextField: "settingName"
            });
            
            $("#docTree").data("kendoTreeView").expand(".k-item");
        }
    }); 
}

这里的重点就是数据源的格式必须是kendo.data.HierarchicalDataSource，

并且数据是LIST形式的。