封装datatables

最新推荐文章于 2024-09-13 07:17:17 发布

me_phper

最新推荐文章于 2024-09-13 07:17:17 发布

阅读量1.1k

点赞数 1

分类专栏： datatables mysql 文章标签： javascript datatables mysql php ajax

本文链接：https://blog.csdn.net/me_phper/article/details/51437261

版权

mysql 同时被 2 个专栏收录

3 篇文章 0 订阅

订阅专栏

datatables

1 篇文章 0 订阅

订阅专栏

（看主要JS代码部分）<!--Tab  -->
<h3 style="text-align: center">
    <strong>{:L('no_check_table')}</strong>
</h3>
<div class="tabbable">    <!--列表 begin-->    
    <table id="datatable1" class="table table-striped table-bordered table-hover ">        
        <thead>        
            <tr>            
                <th width="7%">
                    {:L('dispatch_batchid')}
                </th>            
                <th width="7%">
                    {:L('phoneNo')}
                </th>            
                <th width="7%">
                    {:L('realname')}
                </th>            
                <th width="7%">
                    {:L('dispatchmoney')}
                </th>            
                <th width="7%">
                    {:L('dispatch_title')}
                </th>            
                <th width="7%">
                    {:L('dispatch_content')}
                </th>            
                <th width="7%">
                    {:L('isdispatch')}
                </th>            
                <th width="7%">
                    {:L('dispatchtime')}
                </th>            
                <th width="7%">
                    {:L('auditstatus')}
                </th>            
                <th width="7%">
                    {:L('audituser')}
                </th>            
                <th width="7%">
                    {:L('audittime')}
                </th>            
                <th width="10%">
                    {:L('remark')}
                </th>        
            </tr>        
        </thead>        
        <tbody id="tdbody1">        
        </tbody>    
    </table>    
    <div id="page1">
    </div>    <!--列表 end-->
</div><!--删除、审核-->
<div class="col-xs-12 position-relative" style="margin-bottom: 10px;margin-top: 25px;text-align: center;">    <!--批量删除批号-->
        {:buildSelectList3($dispatch_batchid_list, 'batchid_list', '', 'input-sm',    array('value'=&gt;'',text=&gt;'--'.L('select_dispatch_batchid_list').'--'),$disabled=false)}    <input id="audit" type="button" class="btn btn-success fa" value="{:L('audit')}" />    <input id="delete" type="button" class="btn btn-danger fa" value="{:L('delete')}" />
</div><!-- bootstrap弹出模态框 -->
<div class="modal fade" tabindex="-1" role="dialog" id="auditDialog">    
    <div class="modal-dialog">        
        <div class="modal-content">            
            <div class="modal-header">                
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>                
                <h4 class="modal-title">
                    {:L('audit')}
                </h4>            
            </div>            
            <div class="modal-body">                
                <input type="hidden" name="audit_dispatch_batchid" />                
                <div class="form-group">                    
                    <label for="reviewed" class="control-label">{:L('audit')}:</label>                    <select id="reviewed" class="form-control" name="reviewed">                        <option value="">{:L('pleaseChoose')}</option>                        <option value="1">{:L('pass')}</option>                        <option value="-1">{:L('not_pass')}</option>                    </select>                
                </div>                
                <div class="form-group" id="reason" style="display: none">                    
                    <label for="message-text" class="control-label">{:L('please_nopass_reason')}:</label>                    <textarea class="form-control" id="message-text" name="message-text"></textarea>                
            </div>            
        </div>            
        <div class="modal-footer">                
            <button type="button" class="btn btn-default" data-dismiss="modal">
                {:L('close')}
            </button>                
            <button type="button" class="btn btn-primary">
                {:L('submit')}
            </button>            
        </div>        
    </div><!-- /.modal-content -->    
</div><!-- /.modal-dialog -->
</div><!-- /.modal --><!--Tab  -->
<h3 style="text-align: center">
<strong>{:L('yes_check_table')}</strong>
</h3>
<div class="tabbable">    <!--列表 begin-->    
<table id="datatable2" class="table table-striped table-bordered table-hover ">        
    <thead>        
        <tr>            
            <th width="7%">
                {:L('dispatch_batchid')}
            </th>            
            <th width="7%">
                {:L('phoneNo')}
            </th>            
            <th width="7%">
                {:L('realname')}
            </th>            
            <th width="7%">
                {:L('dispatchmoney')}
            </th>            
            <th width="7%">
                {:L('dispatch_title')}
            </th>            
            <th width="7%">
                {:L('dispatch_content')}
            </th>            
            <th width="7%">
                {:L('isdispatch')}
            </th>            
            <th width="7%">
                {:L('dispatchtime')}
            </th>            
            <th width="7%">
                {:L('auditstatus')}
            </th>            
            <th width="7%">
                {:L('audituser')}
            </th>            
            <th width="7%">
                {:L('audittime')}
            </th>            
            <th width="10%">
                {:L('remark')}
            </th>        
        </tr>        
    </thead>        
    <tbody id="tdbody2">        
    </tbody>    
</table>    
<div id="page2">
</div>    <!--列表 end-->
</div>