首页 > 其他分享 >bootstraptable 全事件 触发事件 表格事件及fastadmin 的使用方法案例

bootstraptable 全事件 触发事件 表格事件及fastadmin 的使用方法案例

时间:2023-12-13 22:26:25浏览次数:39  
标签:bootstraptable 触发 field 点击 事件 fastadmin bs table row

 

Option 事件jQuery 事件参数描述
onAll all.bs.table name, args 所有的事件都会触发该事件,参数包括:
name:事件名,
args:事件的参数。
onClickRow click-row.bs.table row, $element 当用户点击某一行的时候触发,参数包括:
row:点击行的数据,
$element:tr 元素,
field:点击列的 field 名称。
onDblClickRow dbl-click-row.bs.table row, $element 当用户双击某一行的时候触发,参数包括:
row:点击行的数据,
$element:tr 元素,
field:点击列的 field 名称。
onClickCell click-cell.bs.table field, value, row, $element 当用户点击某一列的时候触发,参数包括:
field:点击列的 field 名称,
value:点击列的 value 值,
row:点击列的整行数据,
$element:td 元素。
onDblClickCell dbl-click-cell.bs.table field, value, row, $element 当用户双击某一列的时候触发,参数包括:
field:点击列的 field 名称,
value:点击列的 value 值,
row:点击列的整行数据,
$element:td 元素。
onSort sort.bs.table name, order 当用户对某列进行排序时触发,参数包括:
name:排序列的 filed 名称,
order:排序顺序。
onCheck check.bs.table row 当用户选择某一行时触发,参数包含:
        row:与点击行对应的记录,
        $element:选择的DOM元素。
onUncheck uncheck.bs.table row 当用户反选某一行时触发,参数包含:
row:与点击行对应的记录,
        $element:选择的DOM元素。
onCheckAll check-all.bs.table rows 当用户全选所有的行时触发,参数包含:
rows:最新选择的所有行的数组。
onUncheckAll uncheck-all.bs.table rows 当用户反选所有的行时触发,参数包含:
rows:最新选择的所有行的数组。
onCheckSome check-some.bs.table rows 当用户选择某些行时触发,参数包含:
rows:相对于之前选择的行的数组。
onUncheckSome uncheck-some.bs.table rows 当用户反选某些行时触发,参数包含:
rows:相对于之前选择的行的数组。
onLoadSuccess load-success.bs.table data 远程数据加载成功时触发成功。
onLoadError load-error.bs.table status 远程数据加载失败时触发成功。
onColumnSwitch column-switch.bs.table field, checked 当切换列的时候触发。
onColumnSearch column-search.bs.table field, text 当搜索列时触发。
onPageChange page-change.bs.table number, size 当页面更改页码或页面大小时触发。
onSearch search.bs.table text 当搜索表格时触发。
onToggle toggle.bs.table cardView 切换表格视图时触发。
onPreBody pre-body.bs.table data 在表格 body 渲染之前触发。
onPostBody post-body.bs.table none 在表格 body 渲染完成后触发。
onPostHeader post-header.bs.table none 在表格 header 渲染完成后触发。
onExpandRow expand-row.bs.table index, row, $detail 当点击详细图标展开详细页面的时候触发。
onCollapseRow collapse-row.bs.table index, row 当点击详细图片收起详细页面的时候触发。
onRefreshOptions refresh-options.bs.table options 刷新选项之后并在销毁和初始化表之前触发。
onRefresh refresh.bs.table params 点击刷新按钮后触发。
onScrollBody scroll-body.bs.table   表格 body 滚动时触发。

 

fastadmin使用案例

 Html:

<table id="tb_hero"></table>

Jquery 事件:

$("#tb_hero").on("check.bs.table", function () {         //点击radio触发事件
var arrselections = $("#tb_hero").bootstrapTable('getSelections');
console.log(arrselections[0].Id); 
});

Option 事件:

......

......

strictSearch: true,
showColumns: true,
showRefresh: true,
onClickRow:function(row,$element){
$('.info').removeClass('info');
$($element).addClass('info');
},

......

 bootstrap table :  http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/                    
Option 事件           Jquery 事件
onCheck            check.bs.table:当用户选择某一行时触发,参数包含: row:与点击行对应的记录, $element:选择的DOM元素。
onClickRow       click-row.bs.table:当用户点击某一行的时候触发,参数包括: row:点击行的数据, $element:tr 元素, field:点击列的 field 名称。
onClickCell        click-cell.bs.table:当用户点击某一列的时候触发,参数包括: field:点击列的 field 名称, value:点击列的 value 值, row:点击列的整行数据, $element:td 元素。

 

标签:bootstraptable,触发,field,点击,事件,fastadmin,bs,table,row
From: https://www.cnblogs.com/wt645631686/p/17900073.html

相关文章

  • 事件相机PEK4I36HDCDMP 普诺飞思(Prophesee)EVK4 IMX636ES
    事件相机PEK4I36HDCDMP普诺飞思(Prophesee)EVK4IMX636ES探索基于事件的视觉,从PROPHESEEEVK4HD开始。这款超轻、紧凑的高清Metavision®评估套件,可承受现场测试条件。集成IMX636(高清),堆叠式事件视觉传感器由索尼半导体解决方案公司发布,由索尼和PROPHESEE合作实现。  ......
  • 【架构】事件驱动设计遇上事件溯源
    From:现代软件架构:事件驱动设计遇上事件溯源(qq.com) 在当今的软件领域中,做出正确的架构决策对于确保性能、可扩展性、可维护性和整体成功至关重要。在众多模式中,事件驱动架构(EDA)和事件溯源(ES)作为复杂软件系统最受欢迎的两种选择之一。虽然可以单独使用EDA或ES,但它们的结合可......
  • Java登陆第二十三天——JavaScript对象、JSON、事件
    JS中声明对象的两种格式方法1,newobject()然后依次添加属性或方法栗子:<script>//初始化对象varuser=newObject();//给对象添加属性并赋值user.name="张三";user.age=18;//给对象添加方法user.say=functi......
  • 事件发生预测
    突发奇想想实现一个对事件发生进行预测的程序,例如根据历史上每次出现月食的时间,推测下次出现月食的时间。下面是我的一个简单实现(对时间序列预测并不了解,所以我相信有更合适的源数据处理方法和更优秀的算法模型可以用),日后有机会再优化!......
  • 浏览器页面可见性事件
        当我们页面在做耗资源的操作时(例如websockert通讯,音频、视频播放灯),彼时切换到其他页面,耗资源的操作还在继续,但我们已经看不到最直观的效果反馈了,又浪费了服务器资源,有没有办法在页面切换到其它页面时让其暂停耗资源的操作呢,让服务器的资源能够最大化的有效利用?浏览......
  • JS(JavaScript)-事件-Event事件
     1.介绍:事件就是可以被JS侦测到的行为。用户操作鼠标或键盘后,触发了JS事件,然后产生相应机制。 三要素:事件源:事件被触发的对象,就是谁触发了这个事件;事件类型:如何触发,什么事件;比如:鼠标点击,键盘按下事件处理程序:通过一个函......
  • 232-父级div,包含子div,子div有点击事件,父div有点击事件,js如何实现,2个点击事件不干扰
    HTML结构<divid="parent"><divid="child"></div></div>JavaScript/jQuery代码:$(document).ready(function(){//父级div的点击事件处理程序$('#parent').on('click',function(){console.log(&#......
  • FreeRTOS中的事件组:实现任务同步与通信的强大工具
    引言:在实时嵌入式系统中,任务同步和通信是至关重要的,而FreeRTOS提供的事件组(EventGroups)机制为实现这一目标提供了一种高效且灵活的解决方案。本篇博客将深入研究FreeRTOS中的事件组,详细介绍其原理、使用方法,以及在实际应用中的一些最佳实践。事件组原理:事件组是FreeRTOS中的一种......
  • 无涯教程-MFC - 消息和事件
    应用程序由各种对象组成,大多数情况下,计算机上运行着多个应用程序,并且不断要求操作系统执行一些任务。Map消息由于Windows是面向消息的操作系统,因此Windows环境的大部分编程都涉及消息处理,每一个事件,例如一个键盘或鼠标点击发生时,一个消息被发送到该应用程序,然后必须处理该事件......
  • flink事件时间的水印延迟不会导致延迟数据在上一个窗口内
    设窗口为5,延迟为3。假如数据为:012567348则两个窗口为:window=TimeWindow{start=0,end=5}01234window=TimeWindow{start=5,end=10}5678即:567的数据不会包含在TimeWindow{start=0,end=5}里。验证程序:publicclassFlinkWindowExample{pu......