(1)看過(guò)了bootstrap table從后臺(tái)獲取數(shù)據(jù)之后怎么顯示數(shù)據(jù)這個(gè)問(wèn)題之后,發(fā)現(xiàn)原來(lái)之前,我從后臺(tái)返回的數(shù)據(jù)格式?jīng)]有遵循{"total": dataNum, "rows": [{}]}這樣的格式。但是現(xiàn)在我好像明明都已經(jīng)轉(zhuǎn)成正確格式的但是依然沒(méi)有辦法渲染表格。
(2)而且看過(guò)另一個(gè)問(wèn)題bootstrap table 返回和官方一樣格式的數(shù)據(jù) 在前端無(wú)法顯示,再一看我是設(shè)置了服務(wù)端分頁(yè)的,但是依然沒(méi)有解決我的問(wèn)題。
function initTable(){
$("#myProgress").bootstrapTable({
url: "api/studentRole/myProgress",
method: "get",
// dataType: 'json',
// contentType: "application/json; charset=utf-8",
// contentType: "application/x-www-form-urlencoded",
cache: false, //是否使用緩存
showColumns: true, //是否顯示所有的列
showRefresh: true, //是否顯示刷新按鈕
showToggle:true, //是否顯示詳細(xì)視圖和列表視圖
rowStyle: rowStyles, //行樣式
pagination: true, //啟用分頁(yè)
pageNumber: 1, //初始化加載第一頁(yè),默認(rèn)第一頁(yè)
pageSize: 10, //每頁(yè)的記錄行數(shù)
pageList: [10,20,50], //可供選擇的每頁(yè)行數(shù)
sidePagination: "server",
onLoadSuccess: function(result)
{
console.log("result: "+result);
},
onLoadError: function(err)
{
console.log("error: "+err);
},
columns: [
{
field: "index",
title: "序號(hào)",
align: "center",
formatter: runningFormatter
},
{
field: "id",
title: "學(xué)號(hào)",
align: "center"
},
{
field: "name",
title: "姓名",
align: "center"
},
{
field: "dormitory",
title: "宿舍樓",
align: "center"
},
{
field: "room",
title: "房間號(hào)",
align: "center"
},
{
field: "item",
title: "業(yè)務(wù)項(xiàng)目",
align: "center"
},
{
field: "operation",
title: "操作",
align: "center"
// ,formatter: operateFormatter,
// events: window.operateEvents
}]
});//end-bootstrapTable
}//end-initTable
router.get("/studentRole/myProgress", function(req, res, next)
{
//取得當(dāng)前用戶,以便從數(shù)據(jù)庫(kù)查看是否有該用戶的操作記錄
var userInfo = JSON.parse(req.cookies.get('userInfo'));
//!!!new
var result = {"total": "", "rows": []}; //存儲(chǔ)返回給前端的數(shù)據(jù)
//取學(xué)號(hào)去數(shù)據(jù)庫(kù)匹配申請(qǐng)記錄
Apply.findOne({sid: userInfo.username}, function(err, docs)
{
if(!err)
{
if(docs != "" && docs != null)
{
result.rows.push({id: docs.sid, name: docs.name, dormitory: docs.dormitory, room: docs.room, item: "申請(qǐng)入住"});
result.total = result.rows.length;
}//end-if
}//end-if(!err)
});//end-Apply.findOne
//取學(xué)號(hào)去數(shù)據(jù)庫(kù)匹配報(bào)修記錄
Fix.find({id: userInfo.username}, function(err, doc)
{
if(!err)
{
if(doc != "" && doc != null)
{
for(let i = 0; i < doc.length; i ++)
{
result.rows.push({id: doc[i].id, name: doc[i].name, dormitory: doc[i].building, room: doc[i].room, item: "報(bào)修" });
}
//更新total的值
result.total = result.rows.length;
res.json(result);
return;
}
}
});//end-Fix.find
});//end-業(yè)務(wù)進(jìn)度
我終于解決它了?。?!
就是↓
$table.bootstrapTable({
//省略一些屬性設(shè)置...
queryParams: function(params){
var queryData = {}; //如果沒(méi)有額外的查詢參數(shù)的話就新建一個(gè)空對(duì)象,如果有的話就先裝你的查詢參數(shù)
//然后增加這兩個(gè)
queryData.limit = params.limit;
queryData.offset = params.offset;
return queryData; //這個(gè)就是向服務(wù)端傳遞的參數(shù)對(duì)象
}
//省略一些...
});
具體原因我也還沒(méi)去細(xì)查,而且這個(gè)設(shè)置是因?yàn)槲以O(shè)置了服務(wù)端分頁(yè)sidePagination: 'server',所以queryParams的設(shè)置大概跟這個(gè)有關(guān)系。
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。