1. 程式人生 > >BootStrapTable(一) -- 怎麼解析巢狀Json資料

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資料