bootstrap-table重载_Bootstrap Table的使用总结

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

$.map(data,function(item,index){return XXX})

使用的总结：

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

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

var b = $.map( [55,1,2], function( item,index )

{

return {

"label": item,

"value": index

}

});

alert(b[0].label +" "+ b[0].value);

输出为 55 0

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

/**

* Get an executable instance of 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中的格式有点差别吧，反正就是不一样

{

"success": true,

"message": null,

"data": {

"pageSize": 15,

"rows": [

{

"userName": "333",

"userType": 333,

"password": "333",

"id": 11,

"indexcode": "333"

},

{

"userName": "3",

"userType": 333,

"password": "333",

"id": 5,

"indexcode": "33333"

}

.......

],

"total": 17,

"totalPage": 2,

"page": 0,

"hasPreviousPage": true,

"hasNextPage": true,

"lastPage": false,

"firstPage": false

}

}

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

**

* Created by JetWang on 2016/10/1.

*/

public class ActionResult {

private boolean success;

private String message;

private Object data;

public ActionResult(){

}

public ActionResult(boolean success){

this(success, null, null);

}

............

}

来看看前端的效果吧

前端的页面

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

//这里就是容器中放置table的

data-url="/cms/UserInfo/userInfoPage">//使用的路径，后台请求的URL

比较重要的JS代码的说明

jQuery(document).ready(function() {

//这里你可以使用各种法师，也可以使用seaj