layui自定義工具欄的方法-創(chuàng)新互聯(lián)

給大家分享的功能是layui自定義工具欄

創(chuàng)新互聯(lián)公司是網(wǎng)站建設技術企業(yè)，為成都企業(yè)提供專業(yè)的成都網(wǎng)站制作、成都網(wǎng)站設計，網(wǎng)站設計，網(wǎng)站制作，網(wǎng)站改版等技術服務。擁有十載豐富建站經(jīng)驗和眾多成功案例，為您定制適合企業(yè)的網(wǎng)站。十載品質，值得信賴！

功能效果：開啟數(shù)據(jù)表格頭部工具欄區(qū)域

關鍵參數(shù)：toolbar

參數(shù)類型：String/DOM/Boolean

參數(shù)說明：

toolbar: ‘#toolbarDemo' //指向自定義工具欄模板選擇器

toolbar: ‘<div>xxx</div>' //直接傳入工具欄模板字符

toolbar: true //僅開啟工具欄，不顯示左側模板

toolbar: ‘default' //讓工具欄左側顯示默認的內置模板

在這里我用的是第一種toolbar:'#toolbarDemo'，就是調用自己定義的工具欄的模板選擇器

功能效果圖：

已封裝好的自定義工具欄模板選擇器：

<script type="text/html" id="toolbarDemo">
 <div class="layui-btn-container">
 <button class="layui-btn layui-btn-sm" lay-event="getSelect">查詢</button>
 <button class="layui-btn layui-btn-sm" lay-event="getInsert">新增</button>
 <button class="layui-btn layui-btn-sm" lay-event="getUpdate">修改</button>
 <button class="layui-btn layui-btn-sm" lay-event="getDelete">刪除</button>
 <button class="layui-btn layui-btn-sm" lay-event="getRefresh">刷新</button>
 </div>
</script>

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

網(wǎng)頁題目：layui自定義工具欄的方法-創(chuàng)新互聯(lián)
新聞來源：http://muchs.cn/article32/djjosc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、動態(tài)網(wǎng)站、小程序開發(fā)、域名注冊、面包屑導航、外貿建站

廣告

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