$(function(){

$('#table').bootstrapTable({

url:'manager/blog/list.json',

method:'get',

contentType:'application/json',

showColumns: true, //显示隐藏列

showRefresh: true,  //显示刷新按钮

toolbar:'#search_bar',

queryParams:queryPrams,

pagination: true,

pageSize: 10,

pageList:[10],

sidePagination: "server",

columns: [{

field: 'title',

title: '博客标题'

},{

field: 'authorName',

title: '作者'

},{

field:'copyright',

title:'版权',

formatter:function(value,row,index){

var cp=value;

if(value=='Reproduced'){

cp='转载';

}else if(value=='Translation'){

cp='翻译';

}else if(value=='Original'){

cp='原创';

}

return cp;

},

width:50

},{

field: 'autoAuditDate',

title: '自动审核日期'

},{

field: 'status',

title: '状态',

formatter:function(value,row,index){

var status=value;

if(value=='Normal'){

status='正常';

}else if(value=='UnAudit'){

status='待审核';

}else if(value=='Refuse'){

status='驳回';

}else if(value=='AutoAudit'){

status='自审核';

}

return status;

},

width:60

},{

field: 'updateTime',

title: '更新时间',

formatter:function(value,row,index){

return $.timestamp2string(value,'yyyy-MM-dd hh:mm:ss');

},

width:170

},{

field: 'id',

title:'操作',

formatter:function(value,row,index){

var p='预 ';

var a='审 ';

var auto='定 ';

var r='驳 ';

return p+a+auto+r;

},

width:130

}]

})

//查询事件绑定

$('#search_btn').click(function(){

$("#table").bootstrapTable('refresh');

});

$('#search_status').change(function(){

$("#table").bootstrapTable('refresh');

});

$('#search_copyright').change(function(){

$("#table").bootstrapTable('refresh');

});

$('#search_order').change(function(){

$("#table").bootstrapTable('refresh');

});

bootstraptable 日期控件_bootstrap table插件使用说明demo相关推荐

  1. bootstraptable 日期控件_给Bootstrap-table插件添加tree功能

    一.最终效果图 工作中想用如图的方式去展示数据,虽然网上也有其它人写的相关插件,但是几乎都是一次性请求好数据并且不支持分页,不符合项目需求,所以就自己改了个,尽量避免动原插件的既有功能,当点击行前的折 ...

  2. html中字段是日期控件,jQuery日历插件datepicker用法详解

    jQuery是一款不可多得的非常优秀的javascript脚本开发库,而基于其上的很多插件也是非常规范和卓越的,如果错过这番美景真是太可惜了,比如datepicker这个插件. 一般MIS系统的前端, ...

  3. ASP.NET中 Calendar(日期控件)的使用

    ylbtech-ASP.NET-Control-Basic:Calendar(日期控件)的使用 ASP.NET中 Calendar(日期控件)的使用. 1.A,运行效果返回顶部 Calendar(日期 ...

  4. 精确到秒的JQuery日期控件,jquery日历插件,jquery日期插件

    2019独角兽企业重金招聘Python工程师标准>>> 效果图如下: 首先在页面中引用一下库: <link type="text/css" href=&qu ...

  5. My97时间插件使用、My97设置日期控件日期格式

    My97设置日期控件日期格式 需要什么格式的只需要修改dateFmt的值就可以了 <input type="text" id="d233" onclick ...

  6. Wdatepicker日期控件的下载和详细使用说明

    一.下载链接 http://www.my97.net/down.asp 二.基本用法示例 (1)第一步,引入JS.下载后文件如下, 解压后,将文件夹里的东西全部复制到项目的文件夹 WdatePicke ...

  7. js插件---日期控件My97DataPicker的使用

    1. 注意事项 (1)My97DatePicker目录是一个整体,不可破坏里面的目录结构,也不可对里面的文件改名,可以改目录名: (2)各目录及文件的用途: WdatePicker.js 配置文件,在 ...

  8. asp.net的一个不错日期控件

    /* asp.net日期控件使用说明: 以下部分在中 <SCRIPT src="res/JS.js"></SCRIPT> <SCRIPT langua ...

  9. IE5下通过、不会被列表框遮挡的日期控件

    一般不会被列表框遮挡的日期控件都是用一个透明的iframe来做的,但在IE5下因为透明风格不被支持却无法正常使用.这个控件直接使用iframe作为日期选择界面,就解决了兼容性问题.不过只有简单的选择功 ...

最新文章

  1. iOS 10.3下使用Fiddler抓取HTTPS请求
  2. 自然语言处理技术(NLP)在推荐系统中的应用 原2017.06.29人工智能头条 作者: 张相於,58集团算法架构师,转转搜索推荐部负责人,负责搜索、推荐以及算法相关工作。多年来主要从事推荐系统以及机
  3. JAVA笔记14__多线程共享数据(同步)/ 线程死锁 / 生产者与消费者应用案例 / 线程池...
  4. Python学习day12(生成器,列表/生成器推导式)
  5. 判断IMEI或MEID是否合法
  6. 从零开始山寨Caffe·叁:全局线程管理器
  7. 手机腾讯网mt2.0增量更新算法优化小记
  8. 文档中的公式编号怎么不从1开始
  9. android:DDMS查看Threads
  10. rl滤波器原理_浅谈滤波器原理以及其他基础知识
  11. 【黑马程序员数据库】数据库基础大总结
  12. Shottr 免费好用的Mac 截屏软件
  13. 10 个win10上记事本的替代品
  14. python qq 聊天记录词云制作
  15. 华为手机记事本导出_你知道便签记事本在手机哪里储存吗?
  16. 万洲金业:投资现货黄金的收益与风险如何平衡?
  17. 怎样制作Lrc歌词文件
  18. 猿创征文|pandas实现将矩阵导出到excel+对矩阵进行连接
  19. instancetype 与 id for Objective-C
  20. html卷轴展开动画,【原】ppt动画技巧:如何简单制作卷轴展开动态效果

热门文章

  1. logo是啥_乐夏2开播,33支乐队的Logo设计,凭啥一个塑料袋最火?
  2. 在php中函数名称区分大小写吗,PHP中的变量名,函数名,类名是区分大小写的吗...
  3. 裤子尺码对照表eur40_弄明白这两个问题,你就知道内衣尺码怎么区分
  4. 编程判断元素归类_如何使用jquery判断一个元素是否含有一个指定的类(class)...
  5. 自动生成网络拓扑图开源_为视频自动生成字幕,一款神奇的开源工具!
  6. linux mysql设置数据库utf_设置mysql数据库 utf8
  7. Android开发之高德定位参数设置
  8. iOS 推送通知 客户端实现
  9. 美国人用什么android手机,美国人最爱的安卓手机:多年稳居榜首,与iPhone共分一杯羹...
  10. idea从安装到项目启动