# 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开发者账户
- 多主题开发
- 新建主题
- 目录结构
- 模板变量
- 定制安装部署