[TOC] ## 弹出层 ### 按钮 - 触发弹出层打开 - data-toggle='ajaxModal' href="" ```html <a class='btn btn-default btn-sm btn-op btn-operation' data-toggle='ajaxModal' href="{php echo webUrl('member/yunshang/team_setting_post', array('id' => $row['id']))}" > <span data-toggle="tooltip" data-placement="top" data-original-title="编辑"> <i class='icow icow-bianji2'></i> </span> </a> ``` ### 表单 - 弹出层内容表单提交 ```html <form action="" method="post" class="form-horizontal form-validate" enctype="multipart/form-data"> <input type="hidden" name="id" value="{$info['id']}" /> <input type="hidden" name="r" value="member.yunshang.team_setting_post" /> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button data-dismiss="modal" class="close" type="button">×</button> <h4 class="modal-title">{if !empty($info['id'])}编辑{else}添加{/if}团队奖励</h4> </div> <div class="modal-body"> <div class="form-group"> <label class="col-lg control-label must">业绩</label> <div class="col-sm-9 col-xs-12"> <input type="number" name="info[achievement]" class="form-control" value="{$info['achievement']}" data-rule-required='true'/> <div class='form-control-static'>达到业绩后发放奖励</div> </div> </div> <div class="form-group"> <label class="col-lg control-label must">比例</label> <div class="col-sm-9 col-xs-12"> <input type="number" name="info[ratio]" class="form-control" value="{$info['ratio']}" data-rule-required='true'/> <div class='form-control-static'>之后产生的订单按照比例发放奖励</div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-primary" type="submit">提交</button> <button data-dismiss="modal" class="btn btn-default" type="button">取消</button> </div> </div> </form> ```