zoukankan      html  css  js  c++  java
  • kendo ui grid选中行事件,获取combobox选择的值

    写在前面:

    这是一篇2016-08-23的文章了,和作者一样,我也在很早之前解除Telerik UI的,后来工作关系没再使用,文章有些好像不太适应了,不过先记录一下,思路是对的就OK

    另外:关于事件等API都在docs里查找,比如Kendo Grid 的单击事件(https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/events/change)

    这个套件没在国内火起来的主要原因我个人认为就是英文文档的问题,破姐版本不是很难得到,界面也美观大方,英文不行是我的原罪,而目前教育界将英语列为选修的呼声很高啊,万一哪天真的如愿了,奉劝计算机专业的还是选修了吧

    背景:
    以前用 telerik ui做的grid现在又要换成kendo ui,不过说句实话kendo ui真的比telerik好多,可以说超级升级改头换面。当然用的mvc的辅助方法,以前的telerik ui 选中行的事件是 .OnRowSelect("SelectRow”) ,换成kendo ui 选中行的事件是 .Events(p=>p.Change("SelectRow"))

    实现:

    kendo ui grid 选中行的事件是 .Events(p=>p.Change("SelectRow")) 。具体实现的需求还有 :

        function SelectRow(e) {
            var row = $("#productGrid").data("kendoGrid").select(); //获取选中行对象
            var data = $("#productGrid").data("kendoGrid").dataItem(row); //获取选中行元素数据
            console.log(data);//可以直接输出看一下
             alert(data.columnsField);  //获取选中行的具体字段--貌似不行
         alert(data.get("lb"))
    }

    kendo ui 获取combobox选择的文本:

      var cobText = $("#comboBox").data("kendoComBobox").text();

    kendo ui 获取combobox选择的值:

    var cobVal = $("#comboBox").data("kendoComBobox").value();

    kendo ui 获取DropDownList选择的值:

      var ddlVal = $("#combobox").data("kendoDropDownList").value();

    kendo ui 获取DropDownList选择的文本:

      var ddlText = $("#combobox").data("kendoDropDownList").text();

    kendo ui ComBobox设置默认值:

    $("#combobox").data("kendoComBobox").value(2);

    kendo ui NumbericTextBox数字框设置默认值

     $("#Floor").data("kendoNumericTextBox").value(1);

    来自:https://zhanglin.blog.csdn.net/article/details/52288632

  • 相关阅读:
    struts2.0中struts.xml配置文件详解
    spring配置文件详解
    web.xml讲解
    maven项目如何引用本地的jar包
    springmvc框架下ajax请求传参数中文乱码解决
    contentType设置类型导致ajax post data 获取不到数据
    spring 四种依赖注入方式以及注解注入方式
    eclipse 启动tomcat后 页面无法访问tomcat首页
    openfire安装完毕后无法登录控制台(忘记密码)的解决方法
    Mac下新安装的MySQL无法登陆root用户(安装时没有设置密码)
  • 原文地址:https://www.cnblogs.com/djd66/p/15213767.html
Copyright © 2011-2022 走看看