kendo ui grid选中行事件,获取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"))  。

背景:

  以前用 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.csdn.net/kebi007/article/details/52288632

转载无所谓著名出处
目录
相关文章
|
7月前
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
|
7月前
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
|
6月前
|
Web App开发 缓存 JavaScript
JQuery Kendo UI使用技巧总结
JQuery Kendo UI使用技巧总结
49 4
|
4月前
|
编解码 前端开发 vr&ar
从零开始的PICO教程(4)--- UI界面绘制与响应事件
这篇文章是PICO开发系列教程的第四部分,主要介绍了如何在PICO 4 VR环境中创建UI界面,包括Canvas和Panel的配置、UI元素的绘制、以及Button和Slider的事件响应绑定,并通过示例展示了数字增减和滑块功能的具体实现。
从零开始的PICO教程(4)--- UI界面绘制与响应事件
|
5月前
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
66 1
|
5月前
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
884 1
|
5月前
|
存储 JavaScript 容器
Element UI表格拖拽(vue中) —— 行拖拽、列拖拽
Element UI表格拖拽(vue中) —— 行拖拽、列拖拽
894 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十二天-react.js & material-ui之构造数据,tabs和Grid部分的点击事件中之1
前端学习笔记202306学习笔记第五十二天-react.js & material-ui之构造数据,tabs和Grid部分的点击事件中之1
64 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
53 0
|
JavaScript
Vue + Element UI 实现复制当前行数据功能(复制到新增页面组件值不能更新等问题解决)
# 1、需求 使用Vue + Element UI 实现在列表的操作栏新增一个复制按钮,复制当前行的数据可以打开新增弹窗后亦可以跳转到新增页面,本文实现为跳转到新增页面。 # 2、实现 ## 1)列表页 index.vue ```html <el-table> <!-- 其他列 --> <el-table-column label="操作" width="150"> <template slot-scope="scope"> <el-button icon="el-icon-copy-document" title="复制" @click="toCopyNew(scope
133 0