kendo ui的treeView节点点击事件修改和grid的配置的一点总结

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了kendo ui的treeView节点点击事件修改和grid的配置的一点总结，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2279字，纯文字阅读大概需要4分钟。

内容图文

kendo-ui的treeView节点（node）点击时  可以触发一个select的事件（event）,并且连续点击多次相同节点，可以触发并且只能触发一次该事件。

可是需求上需要实现：每次点击相同的节点，都要触发该select事件。

这个需求，是和kendo的select事件相悖的。

最开始想通过 外部手动触发select事件，但是发现并不能做到.

后来做了如下配置：

 $("#treeview").kendoTreeView({
            dataSource: [
                treeData
            ],
            spriteCssClass: "rootfolder",
           //select: onSelect,    //注释select事件
              template: "<span onClick='onTreeViewNodeClick(this);'>#= item.text # </span>",
            //---
            //其他配置
            //---
})

实现该需求主要配置是  template.   使用template为每个节点用span包裹起来，并给一个onClick()  

  这样一来  每次点击节点都会触发一个事件。

  但是为什么不直接在onClick中调用之前已经写好的onSelect方法呢？

  原因是 在触发select事件调用onSelect方法时，kendo会给我们自定义方法一个e这个参数，e有很多功能，他知道当前点击节点所有的配置，比如我们想获取当前点击节点的id，

那么就是e.node.id.

   然而在我们没有用event时间，而选择使用js的onClick来调用自定义的onSelect方法时，kendo 就不会给我们e这个参数，kendo并不知道我们干了什么。

   所以我需要另一个点击时的自定义方法，并且我给这个方法的参数是this.  this在这里指的是什么呢？

   就是当前我们所点击的节点的span元素;使用kendo的dataItem方法就能获取当前的Node了。

   我们把当前的Node传给自定义的onSelect方法   也就自然而然的可以代替e参数了，因为当前Node就什么都知道嘛

function onTreeViewNodeClick(e){
    var tree=  $("#treeview").data("kendoTreeView");         //
    var node=tree.dataItem(e);                               //get current node   and  give onSelect as param  
    onSelect(node,tree);
}

最后要说的一个在使用kendo ui的grid需要注意的问题是：

当我们使用编辑的功能时  （我用的inline,其他的应该也一样，有待验证）

我们的kendo的核心功能dataSource  一定要指定唯一标识字段  

 schema: {
                                model: {
                                    id: "ProductID",   //这里是重点
                                    fields: {
                                        ProductID: { editable: false, nullable: true },
                                        ProductName: { validation: { required: true } },
                                        UnitPrice: { type: "number", validation: { required: true, min: 1} },
                                        Discontinued: { type: "boolean" },
                                        UnitsInStock: { type: "number", validation: { min: 0, required: true } }
                                    }
                                }
                            }

代码中已经标识出重点位置，这个唯一字段名称的配置，一定必须是id！   无论在我们json中叫什么名字，这里必须是id.

要不然编辑的时候，会出现很多问题，可以试试。

 来自：https://blog.csdn.net/weixin_33995481/article/details/85773176

内容总结

以上是互联网集市为您收集整理的kendo ui的treeView节点点击事件修改和grid的配置的一点总结全部内容，希望文章能够帮你解决kendo ui的treeView节点点击事件修改和grid的配置的一点总结所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---