syrc/target/sookaCms-0.1/WEB-INF/classes/templates/cms/ad_input.html

<script type="text/javascript">
    //上传图片完成回调
    function uploadPic(file, data,$upload) {
        var json = $.parseJSON(data)
        if (json[BJUI.keys.statusCode] == BJUI.statusCode.ok) {
            $upload.next().val(json.filename).next().html('<img src="'+ json.filename +'" width="80" />')
            document.getElementById("sp").style.visibility="hidden";
        }
    }
    //删除回调
    $('#silder').on('afterdelete.bjui.tabledit', function(e) {
        var $tbody = $(e.relatedTarget)
        console.log('你删除了一条数据，还有['+ $tbody.find('> tr').length +']条数据！')
    })
</script>

<div class="bjui-pageContent">
    <form method="post" action="${ctxPath}/system/cms/ad/save" id="j_ad_form" data-toggle="validate" data-autorefresh="true" data-alertmsg="false">
        <input TYPE="hidden" name="id" value="${ad.id!}">
        <table class="table table-condensed table-hover" width="100%">
            <tbody>
            <tr>
                <td>
                    <label for="j_username" class="control-label x85">飘窗名称：</label>
                    <input type="text" name="adName" id="j_username" value="${ad.adName!,xss}" size="15" placeholder="飘窗名称" data-rule="required;" >
                </td>
            </tr>
            <tr>
                <td>
                    <label class="control-label x85">分组：</label>
                    <input type="text" data-toggle="lookup" data-rule="required;" size="15" data-url="${ctxPath}/system/cms/ad/groupCheck" name="groupId"   data-maxable="false" data-resizable="false"  data-width="750" data-height="430" data-id="ad-group-tab"  value="${ad.groupId!}">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="j_startDate" class="control-label x85">开始时间：</label>
                    <input type="text" data-toggle="datepicker" name="startDate" id="j_startDate" size="15" value="${ad.startDate!,dateFormat="yyyy-MM-dd"}" placeholder="开始时间" data-rule="required" >
                </td>
            </tr>
            <tr>
                <td>
                    <label for="j_startDate" class="control-label x85">结束时间：</label>
                    <input type="text" data-toggle="datepicker" name="endDate" id="j_startDate" size="15" value="${ad.endDate!,dateFormat="yyyy-MM-dd"}" placeholder="结束时间"  data-rule="required">
                </td>
            </tr>

            <tr>
                <td>
                    <label for="j_mobile" class="control-label x85">排序编号：</label>
                    <input type="text" name="sortId" id="j_mobile" value="${ad.sortId!,xss}" size="15" placeholder="排序编号"  data-rule="required;integer">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="j_mobile" class="control-label x85">飘窗网址：</label>
                    <input type="text" name="adBody" id="adBody" value="${ad.adBody!,xss}"  placeholder="链接网址"  data-rule="required;url">
                </td>
            </tr>
            <tr>
                <td>
                    <label for="j_mobile" class="control-label x85">飘窗图片：</label>


                    <div id="fileInput-[#index#]"
                         data-toggle="upload"
                         data-uploader="${ctxPath}/uploads"
                         data-file-size-limit="1024000000"
                         data-file-type-exts="*.jpge;*.jpg;*.png;*.gif;"
                         data-multi="false"
                         data-on-upload-success="uploadPic"></div>
                    <input type="hidden" name="img" value="${ad.img!,xss}" id="img"   placeholder="飘窗图片" ><span class="pic-box"></span>
                    @if(ad.img! != null ){
                    <div id="sp">
                        <img class="fit-picture" src="${ad.img!,xss}" id="sqlImg">
                    </div>
                    @}
                </td>
            </tr>

            </tbody>
        </table>
    </form>
</div>
<div class="bjui-pageFooter">
    <ul>
        <li><button type="button" class="btn-close" data-icon="close">关闭</button></li>
        <li><button type="submit" class="btn-default"  data-icon="save">保存</button></li>
    </ul>
</div>