jquery - Bind Complex Json to Html Grid -
i trying render complex json array structure html grid. tried used kendo ui grid , datatables.js bind json array not quite sure how should bind that.
here json.
{"data":[{"cemetry_record":{"info":{"application_id":"020.2009.00000004.001","cemetry_name":"gore","cemetry_section":"roman catholic","service_type":"burial","first_name":"david","middle_name":"charles","family_name":"smith","birth-date":"2000-01-01","date_of_death":"2015-01-01","service_date":"2015-01-01","last_modified_date":"2009-03-09t09:35:05+11:00","description":"cemetry entry david charles smith","age":15,"photos":"yes","lodgement_date":"2009-03-09t00:00:00+11:00","status":"deceased","formatted_application_number":"20.2009.4.1","contact_us_messsage":"contact on 1234 details"}}}],"count":1,"pagination":{"previous":null,"next":null,"current":1,"per_page":10,"count":1,"pages":1},"error_list":null}
can 1 suggest how can bind data using kendo ui grid or datatables js or jput plugin ?
update got success in binding grid using datatablesjs. still has issues. please see code below.
$("#example").datatable({ "processing": true, "serverside": true, "ajax": { "url": "@url.action("getlistjson", "home")", }, columns: [ { data: "cemetry_record.info.family_name" }, { data: "cemetry_record.info.first_name" }, { data: "cemetry_record.info.cemetry_name" }, { data: "cemetry_record.info.cemetry_section" } ] });
the "@url.action("getlistjson", "home")"
returns json format specified above.
the issue datatables js expects paging parameters name. there way can specify json property used pagination how have done columns ?
Comments
Post a Comment