🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
# 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();