# setExtraHtml ($extra_html)
這個是比較粗暴的用法,盡量避免使用,但有的時候不得不用,主要是一些特殊的內容或者JS邏輯
## 參數
@param string $extra_html html和js字符串
就像一小段額外的html和js字符串加在列表的下面
## 用法示例
// 使用Builder快速建立列表頁面。
$builder = new \Common\Builder\ListBuilder();
$builder->setMetaTitle('新聞列表');
->setExtraHtml('注意:部分第三方金融機構可能會收取手續費,實際金額以到賬為準。alert('測試');');
## 在列表選中項目進行操作
下面是一個文章列表,選中幾篇文章后進行移動的示例。
//文檔移動POST地址
$move_url = U(D('Index')->moduleName . '/Index/move');
$extra_html = <<<EOF
<div class="modal fade" id="moveModal">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">關閉</span></button>
<p class="modal-title">移動至</p>
</div>
<div class="modal-body">
<form action="{$move_url}" method="post" class="move-form">
<div class="form-group">
<select name="to_cid" class="form-control">{$options}</select>
</div>
<div class="form-group">
<input type="hidden" name="ids">
<input type="hidden" name="from_cid" value="{$cid}">
<button class="btn btn-primary btn-block submit ajax-post" type="submit" target-form="move-form">確 定</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script type="text/javascript">
function move(){
// 獲取當前選中的ID
var ids = '';
$('input[name="ids[]"]:checked').each(function(){
ids += ',' + $(this).val();
});
// 如果是post請求操作數據直接在這里發起ajax請求
// 如果是下載等需要瀏覽器接管的請求請使用location.href="下載地址"
if(ids != ''){
ids = ids.substr(1);
$('input[name="ids"]').val(ids);
$('.modal-title').html('移動選中的的文章至:');
$('#moveModal').modal('show', 'fit')
}else{
$.alertMessager('請選擇需要移動的文章', 'danger');
}
}
</script>
EOF;
//移動按鈕屬性
$move_attr['title'] = '下載或者移動';
$move_attr['class'] = 'btn btn-info btn-pill';
$move_attr['onclick'] = 'move()';
$builder = new \lyf\builder\ListBuilder();
->addTopButton('self', $move_attr) //添加下載或移動按鈕
->setExtraHtml($extra_html)
->display();
- 簡介
- 環境要求
- 安裝系統
- 目錄結構
- 常見問題
- 基礎知識
- 編輯器
- 前端規范
- 前端框架文檔
- Builder教程
- Builder的來歷
- ListBuilder使用
- setMetaTitle
- addTopButton
- setSearch
- addSearchItem
- setTabNav
- addTableColumn
- setTableDataList
- setTableDataListKey
- setTableDataPage
- addRightButton
- alterTableData
- setExtraHtml
- setTemplate
- FormBuilder使用
- setMetaTitle
- setTabNav
- setExtraItems
- setPostUrl
- addFormItem
- setFormData
- setExtraHtml
- setAjaxSubmit
- setTemplate
- 擴展FormBuilder
- 模塊開發
- 創建模塊
- 描述文件
- 模型( M )
- 模版( V )
- 控制器( C )
- API接口
- 核心模塊
- 文件上傳
- 微信小程序模塊
- 注冊登陸接口
- 錢包模塊
- 統一支付
- Cms模塊
- 幻燈片接口
- 文檔列表接口
- 文檔詳情接口
- 發表評論接口
- 評論列表接口
- 收藏的文檔接口
- 收藏接口
- 分類列表接口
- IM模塊
- 發送消息接口
- 最近聊天列表接口
- 查詢新消息接口
- 插件相關
- 短信插件
- 支付插件
- 支付寶支付
- 微信支付
- 站群模塊
- 模板開發
- 準備工作
- 目錄結構
- 數據調用
- 專題
- 插件開發
- 圖片顯示
- 獲取用戶信息
- 判斷用戶登陸
- 表單提交AjaX
- 文件上傳
- 2.0兼容寫法
- 模板標簽
- 核心模塊
- Cms模塊
- 欄目分類調用
- Cordova
- 配置跨域支持
- 本地開發調試教程
- 打包成apk和ipa
- 自定義APP信息
- 常見問題
- 申請Apple開發者賬戶
- 多主題開發
- 新建主題
- 目錄結構
- 模板變量
- 定制安裝部署