Bootstrap点击事件

以上两种事件均可达到单击事件及双击事件的效果。下面我们分别举例说明：

jQuery事件

//表格点击事件
   $('#getCqltj').on('dbl-click-row.bs.table', function (e, row, element)
{
       location.href = '../html/qykqsj.html?name='+escape(row.xm);
   });

Option事件

$('#getzxsjsz') .bootstrapTable( {
               url : '../ajaxjsp/zxsjsz_json.jsp?type=getzxsjsz', // 请求后台的URL（*）
               toolbar : '#toolbar', // 工具按钮用哪个容器
               striped : true, // 是否显示行间隔色
               cache : false, // 是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
               pagination : false, // 是否显示分页（*）
               sortable : false, // 是否启用排序
               sortOrder : "asc", // 排序方式
               // queryParams : oTableInit.queryParams,// 传递参数（*）
               sidePagination : "client", // 分页方式：client客户端分页，server服务端分页（*）
               pageNumber : 1, // 初始化加载第一页，默认第一页
               pageSize : 10, // 每页的记录行数（*）
               pageList : [ 10, 25, 50, 100 ], // 可供选择的每页的行数（*）
               search : false, // 是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
               strictSearch : true,
               showExport: true, // 是否显示导出
               exportOptions : {
                   fileName : document.title
               },
               exportDataType: "all", // basic', 'all',// 'selected'.
               showColumns : true, // 是否显示所有的列
               showRefresh : true, // 是否显示刷新按钮
               minimumCountColumns : 2, // 最少允许的列数
               clickToSelect : false, // 是否启用点击选中行
               height : '', // 行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
               uniqueId : "", // 每一行的唯一标识，一般为主键列
               showToggle : true, // 是否显示详细视图和列表视图的切换按钮
               cardView : false, // 是否显示详细视图
               detailView : false, // 是否显示父子表
               //fixedColumns : true,
               //fixedNumber : 1,//固定列数
               columns :    [{
                   field : 'sbsj',
                   title : '上班时间',
                   align: 'center'
               }, {
                   field : 'xbsj',
                   title : '下班时间',
                   align: 'center'
               }, {
                   field : 'wxkssj',
                   title : '午休开始时间',
                   align: 'center'
               }, {
                   field : 'wxjssj',
                   title : '午休结束时间',
                   align: 'center'
               }] ,
               onClickCell: function(field, value, row, $element) {
           $element.attr('contenteditable', true);
           $element.blur(function() {
           let index = $element.parent().data('index');
           let tdValue = $element.html();
           saveData(index, field, tdValue , row.zxlx);
           })
           }
           });

Bootstrap点击事件（单击事件及双击事件）相关推荐

解决echart单击事件、双击事件矛盾，echart双击事件会触发单击事件的问题。echart单击或者双击实现地图穿透，展示选中地图
最近项目实现可视化,首先加载中国或者某个省,或者某个市的地图,单击其中选中的地图,其他图表数据会重新请求并变化:双击选中的地图,当前echart地图会变成选中的地图(上面描述口水话,一句简单概括,双击 ...
vue给同一元素绑定单击click和双击事件dblclick，执行不同逻辑
原博:https://www.cnblogs.com/feng-xl/p/9375992.html 在做项目过程中,需求是点击孔位单击弹出对话框查看产品总数,双击弹出对话框查看详情.一开始直接clic ...
MFC鼠标单击截获鼠标双击事件，且无法记录单击的数据的解决方案
遇到的问题: 鼠标点击会截断鼠标双击的事件,无法保存椭圆的数据.也就是说双击执行的过程是OnLButtonDown,OnLButtonUp,OnLButtonDblClk,OnLButtonUp.并不 ...
vue给同一元素绑定单击click和双击事件dblclick，双击事件dblclick无效不触发解决办法
有时vue项目中无论是v-ondblclick:还是@dblclick ,有时会无效果.解决办法直接上代码自己看. .native主要用于监听组件根元素的原生事件 @dblclick.native= ...
Vue 框架-02-事件：点击, 双击事件,鼠标移上事件
Vue 框架-02-事件:点击, 双击事件,鼠标移上事件 1.单击事件:v-on:click 源码 app2.js : //实例化 vue 对象 new Vue({//注意代码格式//el:eleme ...
jQuery 双击事件（dblclick）时，不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click).即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那 ...
JS - 解决鼠标单击、双击事件冲突问题（原生js实现）
由于鼠标双击时每一次触发双击事件都会引起两次单击事件和一次双击事件,原生的js不提供专门的双击事件. 因为业务原因,双击和单机都绑定了不同的业务,在双击的时候又触发了单机,影响了页面的正常显示出现问 ...
Qt中鼠标的双击事件和单击事件的实现方式
背景同一个部件既要响应鼠标单击事件又要响应双击事件,而且两者响应的动作没有交集,跟不存在包含关系(如果双击事件动作包含单击事件的动作,那么只需要将双击事件特有的部分放到mouseDoubleClic ...
vue判断是否双击_vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作...
Vue 事件处理方法可以用 v-on 指令监听 DOM 事件,并在触发时运行一些 JavaScript 代码. v-on:click 单击事件 + + - - v-on:dblclick 双击事件 ...
前端单击事件与双击事件冲突问题解决
1.单双击事件有哪些? 单击:mousedown, mouseup, click 双击:mousedown, mouseup, click, mousedown, mouseup, click, db ...

Bootstrap点击事件（单击事件及双击事件）

Bootstrap点击事件

jQuery事件

Option事件

Bootstrap点击事件（单击事件及双击事件）相关推荐

最新文章

热门文章