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

  • 相关阅读:
    《自拍教程76》Python 一键批量安装第三方包
    Java 在 PDF 中添加表单域
    Spire.Cloud.Word 加密 Word 文档
    Java 添加超链接到 Word 文档
    为什么java8还在被大量使用?
    要替代C和Java 的后浪,现在混得怎么样?
    学习Java之前是否需要学习HTML
    半路出家学习Java是否能学出来
    学习Java语言有什么好处?
    Java只有中国开发者在用了吗?
  • 原文地址:https://www.cnblogs.com/djd66/p/15213767.html
Copyright © 2011-2022 走看看