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

转载无所谓著名出处
目录
相关文章
|
JavaScript
Vue给Element UI的el-popconfirm绑定按钮事件
Vue给Element UI的el-popconfirm绑定按钮事件
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
使用element clickoutside自定义指令事件,点击元素外部触发(element-ui/src/utils/clickoutside)
|
Web App开发 缓存 JavaScript
JQuery Kendo UI使用技巧总结
JQuery Kendo UI使用技巧总结
276 4
|
编解码 前端开发 vr&ar
从零开始的PICO教程(4)--- UI界面绘制与响应事件
这篇文章是PICO开发系列教程的第四部分,主要介绍了如何在PICO 4 VR环境中创建UI界面,包括Canvas和Panel的配置、UI元素的绘制、以及Button和Slider的事件响应绑定,并通过示例展示了数字增减和滑块功能的具体实现。
从零开始的PICO教程(4)--- UI界面绘制与响应事件
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十二天-react.js & material-ui之构造数据,tabs和Grid部分的点击事件中之1
前端学习笔记202306学习笔记第五十二天-react.js & material-ui之构造数据,tabs和Grid部分的点击事件中之1
178 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
203 0
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
Element UI 多选表格--判断勾选数据行的 Checkbox 时为选中还是取消选中
849 1
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
Element UI【实战范例】下拉选择 el-select 的 change 事件传入选中值+自定义参数
4221 1
|
存储 JavaScript 容器
Element UI表格拖拽(vue中) —— 行拖拽、列拖拽
Element UI表格拖拽(vue中) —— 行拖拽、列拖拽
3525 0
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能4
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能4
126 0

热门文章

最新文章