We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to load SfDataGrid dynamically with JSON data without POCO classes ?

 

JSON data cannot be bound directly to SfDataGrid. To bind SfDataGrid with JSON data, we must deserialize the JSON data to a bindable format. You can use the open source NuGet Newtonsoft.Json to serialize and deserialize JSON objects.

Xamarin.Forms have limitations in loading dynamic object (Expando object). Hence dynamic objects can be loaded only using dictionary collection. Refer the dynamic limitations for more details.

JSON data can be parsed into a dictionary collection using JsonConvert.DeserializeObject<List<Dictionary<string, object>>>(json_object).

You can then convert the list of dictionary objects to an observable collection if your data source need to respond to collection changes.

The List of Dictionary objects or the converted ObservableCollection can now be binded as ItemsSource of SfDataGrid.

Refer the below example in which the list of dictionary objects are converted as an ObservableCollection and bound to SfDataGrid.

ViewModel.cs

 

DynamicModel.cs

 

MainPage.cs

You can set the deserialized data to the SfDataGrid by using the below

 

 

Note: In order to apply sorting for JSON data, you have to customize the GridQueryableCollectionViewWrapper class and initialize the customized GridQueryableCollectionViewWrapper while setting the ItemSource to SfDataGrid.

Refer the below code example to customize the GridQueryableCollectionViewWrapper class.

 

MainPage.cs:

 

Sample Link: How to load SfDataGrid dynamically with JSON data without POCO classes?

 

Article ID: Published Date: Last Revised Date: Platform: Control: Product Version:
7828 07/06/2017 07/07/2017 Xamarin.Forms SfDataGrid 13.4.0.53
Did you find this information helpful?
Comments
Martin Richter Jan 25, 2018

I just tried to rebuild the sample with the latest VS-2017 version and the latest Syncfusion 15.4.0.20 but I get an Null pointer exception in code I have no access to

Here an extract of the stacktrace.

  0xFFFFFFFFFFFFFFFF in System.Diagnostics.Debugger.Mono_UnhandledException_internal C# Annotated Frame
  0x1 in System.Diagnostics.Debugger.Mono_UnhandledException C# Annotated Frame
  0x3E in object.4b5b9e32-61ea-4e96-aced-47f0a4743d4e C# Annotated Frame
  0x94 in Syncfusion.SfDataGrid.XForms.SfDataGrid.CreateCollectionViewAdv C# Annotated Frame
  0xA in Syncfusion.SfDataGrid.XForms.SfDataGrid.CreateCollectionView C# Annotated Frame
  0x2 in Syncfusion.SfDataGrid.XForms.SfDataGrid.SetSourceList C# Annotated Frame


Reply
Martin Richter Jan 25, 2018

I also moved the files into a new project. Same problem.

Martin Richter Jan 25, 2018

Removing the QueryableViewExt, got the sample to run. But I would be happy to get a full running version.


                                                                    
Pranay Deep Apr 23, 2018

Sorting is not working


Reply
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.