基於BootstrapTable的簡單應用

2021-09-26 10:34:02 字數 2672 閱讀 6262

bootstrap table基於bootstrap的jquery**外掛程式,通過簡單的設定,就可以擁有強大的單選、多選、排序、分頁,以及編輯、匯出、過濾(擴充套件)等等的功能。

本文將以乙個基於bootstraptable控制項的圖書列表查詢功能為例項(如圖1)。注意本例項使用了asp.net mvc。

圖1頁面**:

@

查詢條件

控制器**:

////// 查詢圖書資訊/////////

public jsonresult searchbookinfo(bookinfo param, int pagesize, int pageindex)

if (!string.isnullorempty(param.author))

if (!string.isnullorempty(param.publish))

//bootstraptable的返回結果

bootstraptableresultresult = new bootstraptableresult();

result.total = booklist.count;

result.rows = booklist;

return json(result);

}

///

/// 獲取圖書列表

///

///

public listgetbooklist()

;

booklist.add(book1);

bookinfo book2 = new bookinfo()

;

booklist.add(book2);

bookinfo book3 = new bookinfo()

;

booklist.add(book3);

return booklist;

}

其他**:

////// 圖書資訊實體類///public class bookinfo//圖書id

public string title //圖書名稱

public string author //圖書作者

public string publish //出版社

public datetime publishdate //出版時間

public double price //銷售**

}

////// bootstraptable返回結果類///public class bootstraptableresult//總記錄數

public listrows //資料列表

}

bootstrap table資料**:

bootstrap tabl分頁查詢

分頁查詢 有2種查詢方法 客戶端查詢和服務端查詢 第一種 客戶端分頁查查找 客戶端是後台直接查出所有的資料,前端進行操作 function inittable 後端就只要進行查詢資料,最後將查到的資料進行map繫結就可以了 第二種 服務端分頁查詢 前台跳轉到其他頁時,後台會查詢資料,也就是說,資料不...

AspectJ基於xml和基於註解

一 基於xml 執行的切入點中具體方法有返回值,則方法結束會立即執行後置通知,然後再執行環繞通知的放行之後的 2 連線點即所有可能的方法,切入點是正真被切的方法,連線點方法名 其中,只有環繞通知的切入點引數不一樣,是可以放行的切入點 3 異常通知是處理異常 切面類中的異常通知的方法引數列表中異常引數...

拓撲排序(基於dfs 基於佇列)

dfs函式的返回值表示是否成環,若存在有向環,則不存在拓撲排序。不包含有向環的有向圖稱為有向無環圖 dag 可以借助dfs完成拓撲排序,在訪問完乙個結點時把他加入當前拓撲序的首部。舉個栗子 比如乙個 1,2 1,3 2,3 的有向無環圖,就先搜尋1,再遞迴搜尋2,再搜尋3,3沒有出度了,於是放進拓撲...