Boostrap學習心得

2022-02-26 23:00:28 字數 1871 閱讀 2823

進入新公司,前端用到各種頁面元素幾乎都是bootstrap框架裡的,下面介紹下某些頁面控制項怎麼運用,作為知識點備份,提供有需要人**;

日期/時間控制項

名稱: laydate-master

官網:

頁面中需要引入的檔案:使用示例:

備註:1.此控制項不依賴jquery

2.如需使用時間選項,配置

樹控制項
名稱:bootstrap tree view

官網:

頁面中需要引入的檔案:

json資料示例:

var tree = [,]

},]},,

,,

]使用示例:

$('#tree').treeview(data : tree);

文字編輯器名稱:bootstrap-wysiwyg

官網:

頁面中需要引入的檔案:

使用示例:

$('#editor').wysiwyg();

選擇(select)控制項名稱: bootstrap-select

官網:

頁面中需要引入的檔案:

使用示例:

$('select').selectpicker();

修改select值,必須要$('select').selectpicker('refresh');

示例頁面:modules/overview/workwindow.jsp

**控制項名稱: bootstrap-table

官網:

頁面中需要引入的檔案:

使用示例:

var tableconfig = ,,

} ],

onclickrow :function(row),

formatloadingmessage:function () ,

formatshowingrows: function (pagefrom, pageto, totalrows) ,

formatrecordsperpage: function (pagenumber)

} **初始化:$('#table0').bootstraptable(tableconfig);

**載入資料:

var tabledata = ;

$('#table0').bootstraptable('load', tabledata);

tab控制項(此為easyui中,暫在此列舉)名稱: jquery easytabs

官網:

頁面中需要引入的檔案:使用示例: $('.your_class').easytabs();

示例頁面: modules/overview/workwindow.jsp

備註: 使用示例中的'.your_class' 必須包住包括導航條和子頁面在內的全部html內容。具體參見示例頁面

上傳進度條控制項名稱: jquery ui progressbar

官網:

頁面中需要引入的檔案:

使用示例:

html部分, body中的任意位置加入

40% 完成

js部分

$(".progress-striped").css("display","block");

$(".progress-bar-success").css("width","100%");

學習心得 python學習心得

自從來了深圳工作以後,尤其是屢屢面試碰壁以後。發現其實自己的知識面很窄,做筆試題的時候絞盡腦汁還是漏洞百出,並不是不會做,而是出現一大堆不該有的失誤。每次被問道,對資料庫了解嗎?說一大堆看起來很高階的東西 好啊,那我們寫幾個sql語句吧。馬上完蛋了,沒了手冊關鍵字都記不起。了解哪幾種指令碼語言,sh...

學習心得 我的學習心得

我是乙個已經步入中年的70後,離開校園已經20年了,因為當年的政策因素而未能圓我的大學夢,在20年的工作過程中總是因為缺少一張大學文憑而失去了很多機會,曾經也考慮過自考,但是乙個人去面對的時候總感覺心有餘而力不足。2018年3月份偶然讓我認識了尚德,原來自考還可以這樣學習。一直懷疑自己年紀大了記憶力...

Spring學習心得

不看不知道,一看便學到,會不會與您產生共鳴呢?喜歡再捧場拍磚 spring使用從一年前開始,邊學習邊開發。這裡講講我的學習心得。第一條 記住ioc就是spring的一切。而掌握ioc的唯一方法就是使用和思考。spring是ioc為核心的,所以第一步就是要深刻理解ioc,最好是能盡快把ioc作為教條式...