加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 服务器 > 安全 > 正文

Bootstrap Table的使用总结

发布时间:2020-12-18 00:48:58 所属栏目:安全 来源:网络整理
导读:Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到这个方式很有用,在使用bootstrap table的时候,选择当前已经选择的节点的事件中的ID的值 当前rows中有很多的数据,但是我只需要id这一个值,这个时候进行操作就非常的简单了。 使用的总

Jquery中的一些东西学习一下子,补充完善一下,毕竟有些时候没有使用到这个方式很有用,在使用bootstrap table的时候,选择当前已经选择的节点的事件中的ID的值 当前rows中有很多的数据,但是我只需要id这一个值,这个时候进行操作就非常的简单了。

使用的总结:

把一个数组,按照新的方式进行组装返回,和原来的数组不一样。

遍历data数组中的每个元素,并按照return中的计算方式 形成一个新的元素,放入返回的数组中

输出为 55 0

2.我的后台呢,是使用SpringMVC进行写的,期间呢也是遇到了很多的问题 ,进行分页处理的时候使用了离线查询,但是呢,我使用的是execute()这个方法,传入的session为代理类的数据,不能再下面这个方法中进行转换导致错误了,我还百度了很久,最后才发现是这个问题导致的

Criteria,* to actually run the query. */ public Criteria getExecutableCriteria(Session session) { impl.setSession( ( SessionImplementor ) session ); return impl; } return (PageBean) getHibernateTemplate().executeWithNativeSession(new HibernateCallback() { public Object doInHibernate(Session session) throws HibernateException { Criteria criteria = detachedCriteria.getExecutableCriteria(session); ............................ }

后台呢,我返回的数据和格式不是按照BootStrap中的格式有点差别吧,反正就是不一样

主要是这里我是用了统一的返回接口 ActionResult,这样比较方便书写格式,统一后端

来看看前端的效果吧

这里写图片描述

前端的页面

//什么公用的bootstrapt ,JQuery啊之类的引用放进去处理了

比较重要的JS代码的说明

下面的配置文件和一些事件的重写呢,你可以查看文档,或者自己去看看你源码 这里你可以进行重写哦~~ ,extentd进行重新的覆盖!

看看上面的自己也基本上晓得怎么去,书写了!其实之前我根本不敢这么玩,只不过之前实习过程中导师教过我怎么去玩,所以我才敢,我相信,我可以好好的 玩好这些东西的!

上面的 footerFormatter 和 formatter 都是对于当前列的显示进行处理的事件,文档中如下

formatter:

都是对于当前列进行处理显示

如下就是增加了两个按钮在一个单元格中

也可以在这里就增加事件的处理

官方中文档说的处理事件可以像下面这里处理

The cell events listener when you use formatter function,take four parameters: event: the jQuery event. value: the field value. row: the row record data. index: the row index.

Example code:

处理系统中存在的事件的处理,文档中有说

这个名字文档中很多!

处理一些方法,比如当前选择了多少行,全选等等

1 当前选择选的框框的id

2.全选

3.删除 前台的数据,不需要从后台重新加载

.....很多很多的东西!

一个删除的按钮,删除所有的选择的事件!是不是很好呢!

以上所述是小编给大家介绍的Bootstrap Table的使用总结。编程之家 52php.cn 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读