進入新公司,前端用到各種頁面元素幾乎都是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作為教條式...