bootstraptable 日期控件_bootstrap table插件使用说明demo
$(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的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 华为p30有没有耳机孔
- 下一篇： idea package自动生成_懒人必