kendo ui grid选中行事件，获取combobox选择的值

最新推荐文章于 2024-07-19 15:05:29 发布

转载最新推荐文章于 2024-07-19 15:05:29 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/611652

文章标签：

#ui #测试

本文介绍从 Telerik UI 切换到 KendoUI 的过程中如何使用 MVC 辅助方法实现 Grid 选中行事件及 ComboBox 的操作。包括获取选中行的数据、设置 ComboBox 默认值等实用技巧。

背景：

以前用 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);  //获取选中行的具体字段
    }

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);

作者：张林

原文地址：http://blog.youkuaiyun.com/kebi007/article/details/52288632

转载无所谓著名出处