1. function doSearch() {
  2. if(dtable!=null){
  3. dtable.fnClearTable(0);
  4. dtable.fnDraw(); // 重新加载数据
  5. }else{
  6. dtable = $("#datatable_ajax").dataTable({  //<span style="font-family: Arial, Helvetica, sans-serif;">datatable_ajax表单的id</span>
  7. "oLanguage" : {    // 汉化
  8. "sLengthMenu": "每页显示 _MENU_条",
  9. "sZeroRecords": "没有找到符合条件的数据",
  10. "sProcessing": "加载中...",
  11. "sInfo": "当前第 _START_ - _END_ 条 共计 _TOTAL_ 条",
  12. "sInfoEmpty": "没有记录",
  13. "sInfoFiltered": "(从 _MAX_ 条记录中过滤)",
  14. "sSearch": "搜索:",
  15. "oPaginate": {
  16. "sFirst": "首页",
  17. "sPrevious": "前一页",
  18. "sNext": "后一页",
  19. "sLast": "尾页"
  20. }
  21. },
  22. "bStateSave" : false,
  23. "bJQueryUI" : true,
  24. "bPaginate" : true,// 分页按钮
  25. "bFilter" : false,// 搜索栏
  26. "bLengthChange" : false,// 每行显示记录数
  27. "iDisplayLength" : 10,// 每页显示行数
  28. "bSort" : false,// 排序
  29. "bInfo" : true,// Showing 1 to 10 of 23 entries 总记录数没也显示多少等信息
  30. "bWidth" : true,
  31. "bScrollCollapse" : true,
  32. "sPaginationType" : "full_numbers", // 分页,一共两种样式 另一种为two_button // 是datatables默认
  33. "bProcessing" : true,
  34. "bServerSide" : true,
  35. "bDestroy" : true,
  36. "bSortCellsTop" : true,
  37. "sAjaxSource" :currprojectname +"/aa/list.do",  //所要请求的接口地址
  38. "sScrollY": "100%",
  39. "fnInitComplete": function() {
  40. this.fnAdjustColumnSizing(true);
  41. },
  42. "fnServerParams" : function(aoData) {  //查询条件的接口拼接
  43. aoData.push({
  44. "name" : "aa",
  45. "value" : a
  46. });
  47. aoData.push({
  48. "name" : "cc",
  49. "value" : encodeURI($("#aaa").val())
  50. });
  51. },
  52. "aoColumns" : [
  53. {"mData" : "id"},  //表单的属性,必须一一对应而且行数必须相同!!!
  54. {"mData" : "name"},
  55. {"mData" : "lal"},
  56. {"mData" : "dota2"},
  57. {"mData" : "games"},
  58. ],

datatable-bootstrap 基本配置的更多相关文章

  1. Kubelet bootstrap认证配置步骤

    kubelet 授权 kube-apiserver 的一些操作 exec run logs 等 RBAC 只需创建一次就可以 kubectl create clusterrolebinding kub ...

  2. 基于bootstrap table配置的二次封装

    准备 jQuery js css 引用完毕 开始 如果对bootstrap table 的方法与事件不熟悉: Bootstrap table方法,Bootstrap table事件 <table ...

  3. Custom Settings.ini 和 bootstrap.ini 配置

    [Settings]Priority=DefaultProperties=MyCustomProperty [Default] ;SkipWizard=YES 如果跳过部署向导,则即使 SkipCap ...

  4. datatable的dom配置

    l - Length changing 改变每页显示多少条数据的控件 f - Filtering input 即时搜索框控件 t - The Table 表格本身 i - Information 表格 ...

  5. Bootstrap 基本配置与应用

    配置使用 下载文件引用 下载方式:Bootstrap官网 https://www.bootcss.com/ 引用 例: <head> <meta charset="utf- ...

  6. jquery.dataTable.js 基础配置

    $(document).ready(function () { $('#dataTables-example').DataTable({ responsive: true, "bPagina ...

  7. 基于bootstrap 的datatable插件的使用(php版)

    Datatables是一款jquery表格插件.它是一个高度灵活的工具,可以将任何HTML表格添加高级的交互功能.详细学习请参考其官网:http://datatables.net/中文网:http:/ ...

  8. Bootstrap table方法,Bootstrap table事件,配置

    调用 BootStrap Table 方法的语法: $('#table').bootstrapTable('method', parameter); 例如: $('#my_table').bootst ...

  9. 项目前端 - vue配置 | axios配置 | cookies配置 | element-ui配置 | bootstrap配置

    vue项目创建 环境 1.傻瓜式安装node: 官网下载:https://nodejs.org/zh-cn/ ​ 2.安装cnpm: >: npm install -g cnpm --regis ...

  10. 如何利用【DataTable】结合自己本地数据库,使用表格

    如何利用[DataTable]结合自己本地数据库,使用表格我们都知道DataTable的使用与配置,平时我们都是用一个json文件来代替后台,但是实际上我们在与后台交互的时候,后台先取到数据库里面的信 ...

随机推荐

  1. ProxySQL Tutorial : setup in a MySQL replication topology

    ProxySQL Tutorial : setup in a MySQL replication topology 时间 2015-09-15 05:23:20 ORACLE数据库技术文刊 原文  h ...

  2. 学习使用windows下类似iptables的防火墙软件

    项目地址:http://wipfw.sourceforge.net一.下载地址:http://sourceforge.net/projects/wipfw/files/安装:解压软件包后执行insta ...

  3. MyChrome制作Chrome浏览器便携版

    Google Chrome官方离线下载地址: https://api.shuax.com/tools/getchrome MyChrome下载地址: http://code.taobao.org/p/ ...

  4. 【IntelliJ 】设置 IntelliJ IDEA 主题和字体的方法

    2 主题修改 2.1 界面主题修改 如上图所示,依次点击Files -> Settings,进入如下界面: 标注1:主题选择区: 标注2:Darcula.IntelliJ 和 Windows,三 ...

  5. 解决Spring MVC无法接收AJAX使用PUT与DELETE请求传输的内容

    解决Spring MVC无法接收AJAX使用PUT与DELETE请求传输的内容 解决方案 在 Web.xml文件中 加入以下代码 <!--解决ajax Put与Del请求无法接收到传输的内容-- ...

  6. pydevd 一次trouble shooting

    只是一次小的trouble shooting. 關於python的遠程調試功能.但是由於思路混亂.浪費了許多時間,記錄一下整個過程.作爲改進的參考. 问题背景: 我之前一直在ubuntu上用pycha ...

  7. 编程精粹--编写高质量C语言代码(3):自己设计并使用断言(二)

    接着上一遍文章<<编程精粹--编写高质量C语言代码(2):自己设计并使用断言(一)>>,继续学习怎样自己设计并使用断言,来更加easy,更加不费力地自己主动寻找出程序中的错误. ...

  8. 使用RoboCopy 命令[转载]

    经常进行文件管理操作的朋友们,不满意于Windows系统内置的复制功能,因为它太龟速了.于是大家就使用FastCopy.TeraCopy之类的软件来加速复制,但是你是否知道Windows 7已经内置快 ...

  9. 省市县三级联动js代码

    省市县三级联动菜单,JS全国省市县(区)联动代码,一般可以用于用户注册或分类信息二手交易网站,需要的朋友直接复制代码就可以用了,不过有朋友反馈说缺少某些城市,具体缺少哪个尚不知,请想用的朋友自己补全吧 ...

  10. jQuery通过地址获取经纬度demo

    在开始之前,首先需要登录百度地图API控制台申请密钥ak. 1.登录百度地图开放平台http://lbsyun.baidu.com 注册账号,完善信息,点击网站右上角的“API控制台”,点击,创建应用 ...