zoukankan      html  css  js  c++  java
  • dataTables 使用方式 (draw:刷新当前页 reload: 重新加载页码为1)

    $(document).ready(function(){
    table= $('#user_table').DataTable({
    "paging": true,
    "ordering":false,//排序
    "aLengthMenu": [10, 25, 50],//设置页码
    "searching":false,
    "serverSide": true,//必须存在
    "ajax": {
    "url": "/index.php/user/user_Index",
    "data": function ( d ) {
    var user_name = $('#user_name').val(); //名称
    //添加额外的参数传给服务器
    d.user_name = user_name;
    }
    },

    //回调函数
    "drawCallback": function( settings ) {
    $('#user_table_length').css('float','left');
    if($('#btn_add').length<=0){
    $('<a id="btn_add" class="btn btn-primary" onclick="btn_add()">新增用户</a>').insertBefore($('#user_table_length'));
    }
    }

    });


    })

    <div class="ibox-content">
    	<div class="form-group">
    		<label for="food_name" class="sr-only">名称</label>
    		<div class="col-sm-2" style="padding:0px;">
    			<input type="text" placeholder="员工姓名" id="user_name" class="form-control">
    		</div>
    		<div class="col-sm-3">
    			<button class="btn btn-primary" type="button" onclick='search()' style="margin: 0;">
    			查询</button>
    		</div>
    	</div>
    </div>
    <div class="ibox-content">											
    	<table class="table table-striped table-bordered table-hover dataTables-example" width="100%"  id="user_table">
    		<thead>
    			<tr>
    				<th width="11%">姓名</th>
    				<th width="11%">工号</th>
    				<th width="5%">性别</th>
    				<th width="11%">手机</th>
    				<th width="15%">Email</th>
    				<th width="30%">部门/岗位</th>
    				<th width="25%">操作</th>
    			</tr>
    		</thead>
    		<tbody>
    		</tbody>
    	</table>
    </div>
    

      

  • 相关阅读:
    Vue之自定义组件的v-model
    compression-webpack-plugin 开启gzip vue
    vue-i18n ,vue项目中如何实现国际化
    vue 组件的 scrollBehavior 2
    vue-router中scrollBehavior的巧妙用法
    页面刷新(vue)
    服务器配置nginx.conf文件
    mobaxterm配置nginx
    flutter环境搭建
    让GIt忽略SSL证书错误的方法
  • 原文地址:https://www.cnblogs.com/beipiaoxiaohuo/p/6251847.html
Copyright © 2011-2022 走看看