KendoUI Grid 绑定单击双击事件

原文:http://blog.csdn.net/sakuya_tan/article/details/51437857

<div id="grid"></div>
    <script>
        var grid = $("#grid").kendoGrid({
            columns: [
        { field: "id" },
        { field: "name" }
            ],
            dataSource: [
                { id: "1", name: "lili" },
                { id: "2", name: "jim" },
                { id: "3", name: "jone" },
                { id: "4", name: "tom" }
            ],
            filterable: true,
            sortable: true,
            navigatable: true,
            selectable: "multiple",
            pageable: {
                pageSize: 10,
                refresh: true
            },
            columns: [
                        { field: "id", title: "账号" },
                        { field: "name", title: "姓名" }
            ],
        });
        grid.on(‘dblclick‘, ‘.k-grid-content tr‘, function () {
            // 双击
            var row = grid.data("kendoGrid").select();
            var data = grid.data("kendoGrid").dataItem(row);
            var id = data.id;
            alert(‘双击事件【id:‘ + id + ‘】‘);
        });
        grid.on(‘click‘, ‘.k-grid-content tr‘, function () {
            // 双击
            var row = grid.data("kendoGrid").select();
            var data = grid.data("kendoGrid").dataItem(row);
            var name = data.name;
            alert(‘单击事件【name:‘ + name + ‘】‘);
        });
    </script> 
时间: 2024-12-24 16:06:57

KendoUI Grid 绑定单击双击事件的相关文章

JS同时绑定单双击事件

这两天工作上遇到这种情况,需要在tree组件上的每个节点绑定单双击事件,怎么实现呢?借助js的定时器来实现这个功能吧,思路是这样的:给定时器设置一个时间,如果在该时间段内用户点击一次则触发单机事件,大于1的话就执行双击事件.废话不多说,这里我们用一个示例来说明: 首先要引入jQuery,这里用jquery来为测试元素绑定事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <

jsp页面单击 双击事件区分

点击事件的执行顺序: 单击(click):mousedown,mouseout,click: 双击(dblclick):mousedown,mouseout,click , mousedown,mouseout,click,dblclick: 在双击事件(dblclick),触发的两次单击事件(click)中,第一次的单击事件(click)会被屏蔽掉,但第二次不会.也就是说双击事件(dblclick)会返回一次单击事件(click)结果和一次双击事件(dblclick) 结果.而不是一次双击事件

转载:Easyui中的Grid的行单击双击事件

$('#surveryGird').datagrid( {  loadMsg : "正在加载数据",  url : url,  height : 320,  width : 270,  searching : true,  pagination : true,//分页  sortName: 'reportTimeStr',  sortOrder: 'desc',  remoteSort: false,  onClickRow:function(rowIndex,rowData){   

EXT gird添加单击 双击事件

1.双击 var dblGrid = new Ext.grid.GridPanel({           }   dblGrid.addListener('rowdblclick', rowdblclickFn); function rowdblclickFn(grid, rowindex, e){          grid.getSelectionModel().each(function(rec){          alert(rec.get(fieldName)); //fieldN

GRIDVIEW单击双击事件

protected void gvTeacherTaskList_RowCommand(object sender, GridViewCommandEventArgs e) { if (e.CommandName == "ShowDetail") { } } protected void gvTeacherTaskList_DataBound(object sender, EventArgs e) { foreach (GridViewRow row in gvTeacherTaskL

[转] Ext Grid (ExtJs)上的单击以及双击事件

例1: 1.双击 var cb = new Ext.grid.RowSelectionModel({ singleSelect:true //如果值是false,表明可以选择多行:否则只能选择一行 }); var alarmGrid = new Ext.grid.GridPanel({ } alarmGrid.addListener('rowdblclick', rowdblclickFn); function rowdblclickFn(grid, rowindex, e){ grid.get

IE和Chrome执行javascript对鼠标双击事件的不同响应

最近在用天地图API帮同学做点开发的工作,主要是基于天地图的API实现违法用地举报的在线地图标绘,要实现的效果如下: 由于是基于天地图API的TPolygonTool工具实现面积量测和多边形绘制功能,实现思路如下: (1)基于按钮的鼠标点击事件开启多边形标绘工具: 1 //开启/关闭违法标绘工具 2 function onClickPolyTool() { 3 var btn = document.getElementById("polyToolBtn"); 4 if (btn.val

unity3D 游戏物体同时绑定单击、双击事件

前言 在unity中我们常用的获取鼠标点击的方法有 在3D场景中,一般用在Update方法中,每一帧调用 void Update(){ if(Input.GetMouseButtonDown(0)){ Debug.log("鼠标左键点击"); } } 在画布场景中,一般用在OnGUI方法中,这个也是一个循环调用的方法 void OnGUI() { Event e = Event.current; if (e.isMouse && (e.clickCount == 2))

jquery 单击和双击事件冲突解决方案

本人需要给bootstrap-treeview的树节点添加双击事件.而该插件原生方法中不带双击事件功能.该插件的节点默认绑定的单击事件,由此引起了单击事件和双击事件的冲突. 编写测试代码 引起冲突的代码: 问题效果展示: 每一次触发双击事件都会引起两次单击事件 解决冲突的代码: 解决问题效果展示: 完美解决单击事件和双击事件冲突问题 这里主要用到两个HTML DOM Window对象中函数,settimeout(),clearTimeout() 我这里两个单击事件触发的时间间隔设置在等于300毫