`
WChao226
  • 浏览: 27885 次
  • 性别: Icon_minigender_1
  • 来自: 重庆
社区版块
存档分类
最新评论

handsonTable单击事件实例

阅读更多
以下代码实现的功能为,创建handsonTable可编辑表格,然后但击任意的cell设置新的内容到这个cell


HTML代码:
<html>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="http://handsontable.com//styles/main.css" rel="stylesheet">
<link href="http://handsontable.com//bower_components/handsontable/dist/handsontable.full.min.css" rel="stylesheet">
<script src="http://handsontable.com//bower_components/handsontable/dist/handsontable.full.min.js"></script>

<body>
    <div id="basic_example"></div>
</body>
</html>


javascript代码:
$(document).ready(function () {
  var container = document.getElementById('basic_example');
 
  var data = function () {
   return Handsontable.helper.createSpreadsheetData(100, 12);
  };
  
  var hot = new Handsontable(container, {
    data: data(),
    height: 396,
    colHeaders: true,
    rowHeaders: true,
    stretchH: 'all',
    columnSorting: true,
    contextMenu: true
  });
  //单击事件的回调函数
function callBack(event,coords,td){
	var row = coords.row;
	var col = coords.col;
         if(row!=0 && col!=0){
	      var ss = hot.getCell(row,col,true);//取出点击Cell
               var currVal = $(ss).html();//取出点击Cell的内容
               hot.setDataAtCell(row,col,"修改cell内容","edit");//设置cell的新内容
         }
}
//单击事件
Handsontable.hooks.add('afterOnCellMouseDown',callBack,hot);
		
});

分享到:
评论

相关推荐

    java事件 按钮单击事件 实例

    本实例将深入探讨Java事件处理机制,特别是按钮的单击事件。在Java Swing或JavaFX库中,我们可以创建按钮并定义其单击行为。以下是关于这个主题的详细讲解。 首先,我们需要导入必要的Java Swing库,如`javax.swing...

    java事件单击事件 实例代码

    在这个实例中,我们将深入探讨Java中的事件单击事件,特别是关于"LookAndFeelDemo.java"文件的代码。 Java AWT(Abstract Window Toolkit)和Swing库都包含了处理事件的机制。在Swing中,事件通常通过监听器...

    Qt中QLabel单击事件响应

    然而,QLabel默认并不支持直接的点击事件处理,但我们可以利用Qt的信号和槽机制,对其进行扩展,使其能够响应单击事件。本文将深入探讨如何实现QLabel的单击事件响应,并通过具体的示例代码来演示这一过程。 首先,...

    js生成动态表格并为每个单元格添加单击事件的方法

    本文介绍的使用JavaScript动态生成表格并为每个单元格添加单击事件的方法是Web开发中一项基础而重要的技能。通过这种方式,我们可以根据实时数据创建表格,并允许用户与表格中的数据进行交互。这不仅使页面变得更加...

    C# winform 单击与双击事件同时存在例子

    在C# WinForm开发中,用户界面交互是一个关键部分,其中单击(Click)和双击(DoubleClick)事件是常见的用户输入响应。然而,标题提到的一个常见问题是:在同一个控件上,C# WinForm不支持同时处理单击和双击事件。...

    OD按钮单击事件下断点脚本.rar

    OD按钮单击事件下断点脚本是一种在编程调试过程中常用的技术,特别是在开发用户界面(UI)时。OD,通常代表“操作”或“对象”的缩写,可能是指特定的软件组件或控件,比如一个按钮。在这个上下文中,"OD按钮"可能是...

    易语言源码易语言截获鼠标单击事件用于屏幕取色.rar

    易语言源码易语言截获鼠标单击事件用于屏幕取色.rar 易语言源码易语言截获鼠标单击事件用于屏幕取色.rar 易语言源码易语言截获鼠标单击事件用于屏幕取色.rar 易语言源码易语言截获鼠标单击事件用于屏幕取色.rar ...

    c# 托盘双击不触发单击事件

    在标题“C# 托盘双击不触发单击事件”中,我们关注的是如何避免这种情况,确保双击事件仅触发双击事件,而不误触单击事件。 描述中提到的解决方案是利用`Timer`控件来辅助处理这个问题。`Timer`控件在.NET ...

    js单击事件和双击事件并存绑定

    "js单击事件和双击事件并存绑定"这个主题涉及到如何让一个元素同时响应单击(click)和双击(dblclick)事件,而不互相冲突。这在实现某些交互功能时非常有用,比如,单击可能打开一个菜单,而双击则可能编辑内容。...

    单击事件和触摸事件的区别.zip

    在编程领域,特别是移动应用开发中,理解和掌握单击事件(Click Event)与触摸事件(Touch Event)的区别至关重要。这两个事件处理方式虽然都是用户与屏幕交互的反馈机制,但它们在响应时间、触发条件和使用场景上...

    双击事件与单击事件

    "双击事件"和"单击事件"是交互式应用中常见的两种鼠标事件,主要用于响应用户的操作。本篇文章将深入探讨这两个概念,以及如何在Java编程中利用它们。 首先,我们来看**单击事件**。单击事件通常指的是用户对某个...

    智能家居系统 单击事件-教案.doc

    在本教案中,我们主要探讨的是智能家居系统中的一个重要编程概念——单击事件。单击事件是用户与设备交互的一种常见方式,在智能家居系统中,通过处理这些事件,可以实现各种智能设备的操作和控制。 首先,我们要...

    QTableWidget 绑定按钮及单击事件

    给QTableWidget 最后一列动态创建QPushButton,并绑定单击事件,获取按钮所在行的单元格中的内容。 双击表格中的行,可以获取行中单元格的数据。 点击按钮,可以获取选中行中单元格的数据。

    利用eval()函数给树节点统一添加单击事件实现新建选项卡功能

    这篇博客“利用eval()函数给树节点统一添加单击事件实现新建选项卡功能”探讨了一个具体的JavaScript编程技巧,如何通过eval()函数来处理用户交互,特别是针对树形结构数据的点击事件,进而实现新的选项卡功能。...

    回车直接实现点击某按钮的效果即触发单击事件

    代码如下: //回车触发某按钮的单击事件 &lt;input name=”” type=”text” class=”input_search fl” id=”searchkey” onkeydown=”globelQuery(event);”/&gt; ”search_but xss=removed id=”globelSearch”&gt;...

    Android初识RecyclerView 添加分割线、单击事件、长按事件源码

    Android初识RecyclerView 添加分割线、单击事件、长按事件 博客地址:http://blog.csdn.net/chenzheng8975/article/details/54602281

    C#进行单击操作、单击位置记录、捕获全局左右键单击事件源码

    本主题聚焦于C#中的事件处理,特别是与鼠标单击相关的操作,包括单击事件的监听、单击位置的记录以及全局左右键单击事件的捕获。下面将详细阐述这些知识点。 首先,我们需要理解C#中的事件处理机制。在C#中,事件是...

    java事件 适配器实现鼠标事件 实例代码

    本文将详细讲解如何通过适配器模式实现鼠标事件,并提供一个具体的实例代码。 首先,理解Java事件处理机制至关重要。Java AWT(Abstract Window Toolkit)和Swing库提供了丰富的组件来构建图形用户界面,同时也定义...

    易语言截获鼠标单击事件用于屏幕取色

    "易语言截获鼠标单击事件用于屏幕取色"是一个这样的示例,它涉及到易语言编程,事件处理,以及颜色获取等技术。接下来,我将详细解释这个主题涉及的知识点。 易语言是中国自主研发的一种面向初学者的编程语言,它的...

    Jquery日历控件fullCalendar中将dayClick改为双击或单击事件的方法

    在使用fullCalendar时,我们可能会遇到需要自定义用户交互行为的需求,比如将默认的“日点击”(dayClick)事件更改为单击或双击触发。下面将详细介绍如何实现这一功能。 首先,`dayClick`是fullCalendar的一个核心...

Global site tag (gtag.js) - Google Analytics