什么是BootstrapTableAPI中文版-創(chuàng)新互聯(lián)

本篇文章為大家展示了什么是Bootstrap Table API 中文版，代碼簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過(guò)這篇文章的詳細(xì)介紹希望你能有所收獲。

看網(wǎng)上有中文版的，但有些就是字面直接譯過(guò)來(lái)了，而且有的就沒(méi)有翻譯，那就打算自己再翻譯一遍，每一條會(huì)盡大可能結(jié)合盡可能多資料翻譯，如果發(fā)現(xiàn)譯的內(nèi)容比英文多，是添加了更詳細(xì)的說(shuō)明，表的名稱，屬性，類型，默認(rèn)值不翻譯，例如："class"、"id"等不翻譯。有錯(cuò)請(qǐng)?zhí)岢觯瑫?huì)及時(shí)改正，謝謝。

1、“名稱”可以寫在$('#table').bootstrapTable({});的大括號(hào)中，可以定義一些想要的值，如：

$("#realTime_Table").bootstrapTable({
		       search: true,
	            pagination: false,
	            pageSize: 15,
	            pageList: [5, 10, 15, 20],
	            showColumns: true,
	            showRefresh: false,
	            showToggle: true,
	            locale: "zh-CN",
	            striped: true
        });

2、“屬性”放在聲明表內(nèi)，如：

<!--例子應(yīng)該很好看懂Table options和Column options 所放的位置不同，隨便寫的，主要為了懂得如何用--!>

 <table id="realTime_Table" data-click-to-select="true" class="table table-bordered" data-page-size="20">
      <thead>
          <tr >
              <th data-sortable="true" data-field="realTimeDate">日期</th>
              <th data-sortable="true" data-field="newPlayerNum">新增用戶</th>
              <th data-sortable="true" data-field="activePlayerNum">活躍用戶</th>
          </tr>
      </thead>
      <tbody>
      </tbody>
</table>

3、如果名稱和屬性功能類似，則任意一個(gè)地方就夠了，不用重復(fù)定義，有的屬性寫在js里比名稱寫在聲明表中更為簡(jiǎn)單，or vice verse（有的屬性必須要寫，對(duì)應(yīng)的名稱只是表示是否啟用那個(gè)屬性）

表的各項(xiàng)(Table options )

function(params){
return params;}

function(res){
return res;}

列的各項(xiàng)(Column options )

事件(Events)

定義事件的格式：

$(’#table’).bootstrapTable({
onEventName: function (arg1, arg2, …) {
// …
} });

$(’#table’).on(‘event-name.bs.table’, function (e, arg1, arg2, …) {
// …
});

方法(Methods)

$('#table').bootstrapTable('method', parameter);

本地化，切換為另一種語(yǔ)言(Localizations)

默認(rèn)顯示英文，如果想使用中文，首先引入：

<script src="bootstrap-table-zh-CN.js"></script>

然后是三種聲明使用的方法（個(gè)人只使用第二、三種），如下：

第一種：

$.extend($.fn.bootstrapTable.defaults, $.fn.bootstrapTable.locales['zh-CN']);

第二種：

<table data-toggle="table" data-locale="zh-CN"></table>

第三種：

$('table').bootstrapTable({locale:'zh-CN'});

以下說(shuō)明除了數(shù)字外均為中文默認(rèn)顯示，本來(lái)不用寫的，只要引入就顯示中文了

上述內(nèi)容就是什么是Bootstrap Table API 中文版，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：什么是BootstrapTableAPI中文版-創(chuàng)新互聯(lián)
文章轉(zhuǎn)載：http://muchs.cn/article10/coecgo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供手機(jī)網(wǎng)站建設(shè)、微信小程序、網(wǎng)站策劃、搜索引擎優(yōu)化、網(wǎng)站建設(shè)、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)