BootStrapTable(一) -- 怎麼解析巢狀Json資料
bootStrapTable只支援{“id”:”123”,”name”,”tom”}這種型別的資料解析,如果後臺傳入複雜 JSON 資料 , 他是不支援的 , 這時候就需要把獲取的資料分解 .
例如 我的 JSON 資料的格式是
{"rows":[{"coursename":"123456798","createtime":"2017-04-14 16:45:00.0","id":"6d84789302cf4cc993c0eaadc74a7464","remark":"123456789","stuid":"536eaf873b8"},{"coursename":"123","createtime ":"2017-04-14 16:44:59.0","id":"17d7104c6bd9477ab7c9c54c5c35571e","remark":"123456789","stuid":"536eaf873b8"},{"coursename":"1","dictionaryid":"18","id":"1","stuid":"1"}],"total":3}
這是 easyui 支援的格式 , 但 bootStrap 並不支援 , 而且在後臺已經做了封裝 , 並不能改變他返回資料的格式 . 這個時候只能在前臺處理 , 把 json 轉換成陣列(實際上 JSON 就是陣列) .
$.ajax({
url : "${pageContext.request.contextPath}/system/course!selectPage.action" ,
type : "post",
dataType : "json",
success : function(value) {
var obj = [];
$.each(value.rows, function(i, d) {
obj.push(d);
// alert(obj.coursename);
});
/* for (var i = 0; i < value.length; i++) {
alert(2);
obj.push(value.rows[i]);
//<span style="font-family: Arial, Helvetica, sans-serif;">
//</span><span style="font-family: Arial, Helvetica, sans-serif;">
//由於傳回的JSON資料是被封裝成了一個Object型別的資料傳回,所以這裡需要用一個數組型別接收</span>
} */
$table = $('#tt').bootstrapTable(
{
data : obj, //最終的JSON資料放在這裡
height : $(window).height() - 100,
toolbar : '#toolbar',
striped : true,
pagination : true,
pageNumber : 1,
pageSize : 10,
pageList : [ 5, 10, 20 ],
search : true,
searchAlign : 'left',
//showRefresh: true,
showExport : true, //是否顯示匯出
exportDataType : "selected", //basic', 'all', 'selected'.
sidePagination : "client",
editable : true,
showColumns : true,
clickToSelect : true,
showToggle : true, //是否顯示詳細檢視和列表檢視的切換按鈕
cardView : false, //是否顯示詳細檢視
detailView : false,
minimunCountColumns : 2,
rowStyle : function(row, index) {
//這裡有5個取值代表5中顏色['active', 'success', 'info', 'warning', 'danger'];
var strclass = "";
if (row.ORDER_STATUS == "待排產") {
strclass = 'success';//還有一個active
} else if (row.ORDER_STATUS == "已刪除") {
strclass = 'danger';
} else {
return {};
}
return {
classes : strclass
}
},
onEditableSave : function(field, row,
oldValue, $el) {
$.ajax({
type : "post",
url : "/Editable/Edit",
data : {
strJson : JSON.stringify(row)
},
success : function(data, status) {
if (status == "success") {
alert("編輯成功");
}
},
error : function() {
alert("Error");
},
complete : function() {
}
});
},
columns : [
{
checkbox : true
},
{
field : 'number',//可不加
title : '序號',//標題 可不加
formatter : function(value,
row, index) {
return index + 1;
}
}, {
field : 'id', //列ID同時也是指定要顯示的資料的ID
title : '課程標識',
width : 100,
align : 'center',
valign : 'center',
sortable : true,
}, {
field : 'coursename',
title : '課程名稱',
align : 'center',
valign : 'center',
sortable : true
}, {
field : 'dictionaryid',
title : '課程狀態',
align : 'center',
valign : 'center',
sortable : true
}, {
field : 'remark',
title : '課程描述',
align : 'center',
valign : 'center',
sortable : true
}, {
field : 'operate',
title : '您可以選擇',
align : 'center',
events : operateEvents,
formatter : operateFormatter
} ]
});
}
});
相關推薦
BootStrapTable(一) -- 怎麼解析巢狀Json資料
bootStrapTable只支援{“id”:”123”,”name”,”tom”}這種型別的資料解析,如果後臺傳入複雜 JSON 資料 , 他是不支援的 , 這時候就需要把獲取的資料分解 . 例如 我的 JSON 資料的格式是 {"rows":[{
PLSQL 解析巢狀json資料
1:解析如下json格式資料,巢狀部分:TEST1,TEST2 { "Order": [{"TEST1":{"TEST2":{ "orderType": "LSCK", "amount": "376.00", "orderId": "18090501706539",
用fastjson解析巢狀json資料
json資料類似: { "code": 0, "data": { "city": { "cityId": 284609, "counname": "中國", "name": "東城區", "pname": "
Java解析post請求兩層巢狀json資料
案例: 請求資料: 程式碼段: @RestController @RequestMapping("test") public class testDemo { @PostMapping("demo") public void test(
Gson解析巢狀JSON格式資料
來源說明: 最近在無聊,剛剛又想學一下安卓的APP, 剛剛好看到"中國天氣網"那裡面的有免費的API.剛剛好又想到用GSON解析,我學了一下. 1.資料格式 { "user":"
android 多重資料巢狀JSON資料解析
每一個錯誤都是一次提升自我的機會。後臺返回給了我這樣一個數據集合兩個集合資料,而且第二個集合資料裡還是0.1.2反正第一次解析我是沒有搞出來這個東西(PS:技術群裡讓我直接把後臺祭天)沒有辦法,食君之祿,為君分憂,做吧,那麼怎麼做呢...我用的是JSON解析的方法第一次:OJ
SparkSql處理巢狀json資料
一、資料準備: { "dc_id": "dc-101", "source": { "sensor-igauge": { "id": 10, "ip": "68.28.91.22", "description": "Sensor attached to the
提取多層巢狀Json資料
在.net 2.0中提取這樣的json {"name":"lily","age":23,"addr":{"city":guangzhou,"province":guangdong}} 引用名稱空間 using Newtonsoft.Json; using Newtonsoft
Swagger 巢狀物件、巢狀json資料返回的寫法
但是生成的文件並不能滿足我們日常專案中的需求,舉個例子: 我們在專案中需要返回這種資料 { "code": 200, "msg": "string", "result": { "currentPage": 0, "list": [
Gson和fastJson 解析巢狀泛型的json資料
Test /* * { "code": 1, "datas": [{ "address": "深圳",
使用 fastjson 解析巢狀的 json 資料
假設現在有這樣一個 JSONObject { "data": { "is_admin": false, "app_id": 10, "user"
SSM pageHelper + 前端 Bootstraptbale分頁 + 解析巢狀的二級json資料
ssm 後臺使用pageHelper 分頁外掛 前端使用Bootstraptable 外掛 廢話不多說 先上圖為了大家能更快的掌握 ,我不加其他花哨的內容 bootstrapboot 裡的屬性我就設定了常用幾個下面是jsp頁面的程式碼 一共要引入5個檔案
例項解析巢狀的JSON格式資料
關於JSON資料格式的基本知識和概念,參看: http://www.cnblogs.com/zouzf/archive/2012/03/31/2426646.html var = { "resultcode":"200", "reason":"Successe
java 解析Json物件(巢狀json陣列)
在這裡我需要讀取的是json資料中promote的img的url,name,shopPrice。 1.實體類 2.工具類Moblie_Utils根據url獲取網路json格式資料 public class Moblie_Utils { publ
後端java解析複雜巢狀json
其實不是很複雜 百度翻譯傳過來的json資料:{"from":"zh","to":"en","trans_result":[{"src":"高度600米","dst":"Height 600 meters"}]} 現在要取出dst對應的值:Height 600 meter
ios 巢狀json解析
{"success":true,"code":"2001","message":"查詢成功","data":[{"userListByPreWeekHitTimes":[{"UserId":207677921948,"NickName":"站點管理員","Avatar":"
前端傳送的多層巢狀json解析
日前同事問及我jQuery 傳送JSON資料到後臺,後臺該如何接收的問題,經多方查閱,總結出了以下方法: 前臺要用到json2.js和jquery.js 後臺要用到json.jar。 在前端要將傳的JSON資料使用JSON.stringify(這裡是json資料)轉
一種巢狀式柵欄佈局的對齊方式
轉載自CSDN本文連結地址: 一種巢狀式柵欄佈局的對齊方式 在bootstrap的應用中,經常需要對柵格進行巢狀佈局,但也因為如此,很容易出現內容無法對齊的現象。 UI給定的要求是兩欄表格佈局,文字與輸入框的佔比為1:3,詳細布局檔案見下圖。 幾乎不用思考,我們就能很快寫出
block巢狀的資料繫結問題,block時序問題
做過幾個專案以後,會用到比較深層次的block,開始學習階段block都是通過mvc方式寫,不會涉及到block時序問題,也不會有資料來源繫結問題,因為controller不會被釋放,你的資料都寫在controller層。邁向大神的階段就需要多用block封裝view,資料只是在controller
Python List資料去重和巢狀List資料去重
單個list中資料去重 例如: 去除a中重複的資料 ‘b’ a = ['a','b','c','b'] b = list(set(a)) print(b) 輸出結果為: ['a', 'c', 'b'] 巢狀list中去除相同list資料