後台渲染工具欄按鈕的時候, 如何自定義多選操作?
在用Fastadmin進行後台管理的時候,有時候需要用到多選操作
index.html中增加多選按鈕
<div class="dropdown btn-group {:$auth->check('device/lists/multi')?'':'hide'}">
<a class="btn btn-primary btn-more dropdown-toggle btn-disabled disabled" data-toggle="dropdown"><i class="fa fa-cog"></i> {:__('More')}</a>
<ul class="dropdown-menu text-left" role="menu">
<li><a class="btn btn-multi btn-disabled disabled" href="javascript:;" data-url="device/selfbuy/multiAction" data-params="reboot"><i class="fa fa-rebel"></i>批量重啓</a></li>
<li><a class="btn btn-multi btn-disabled disabled" href="javascript:;" data-url="device/selfbuy/multiAction" data-params="upgrade"><i class="fa fa-upload"></i>批量升級</a></li>
</ul>
</div>
注意按鈕幾個特別的class
btn-add: 添加按鈕使用
btn-more: 更多按鈕使用
btn-multi: 提交操作的時候將選中的列表ids數據提交
btn-disabled: 添加此class後則只有在列表有選中數據時按鈕才會變為可使用
如果我們想點擊添加按鈕後默認全屏，則可以給添加按鈕加上data-area='["100%","100%"]'即可默認全屏
批量操作按鈕class的幾個注意事項:
- class中的 btn-disabled: 添加此class後只有在列表中有選中數據按鈕才會變成可用狀態
- data-params="upgrade" 是自定義的擴展參數
- data-url="device/selfbuy/multiAction" 自定義按鈕點擊處理方法
- class中的 btn-multi: 添加此class後,提交數據的時候才會將用户選擇的那些ids數據提交
按鈕class中加上btn-multi 點擊'批量重啓'攜帶數據如下所示:
按鈕class中去掉btn-multi,別的保持一致點擊'批量重啓', 不會發起任何請求:
