DeeboData JS Grid Angular Grid
Contact Us Demo Pricing

DeeboData Javascript Datagrid Loading Data

JavaScript Data Grid

  • Loading Data

  •      From a Local Data Set

  • To load your own local/in-memory data set. Keep in mind, you can do your own api call then call this function with the data it responds with.
    deebo.methods.setLocalDataSet(data: array<object>)

    If you have local data you want to display in the grid, simply call this function and pass that data as an argument. It must be an array of objects. See examples below:
  • Set Static Data before initializing the data grid
    * Pass true as the 2nd arg to deebo.methods.initDeeboData so the local dataset is used.
    load local data in the data grid
  • Fetch Data, Set It, & Initialize
    set data after api loads

  •      From a Back End API

  • To set the http method for your api
    deebo.methods.setInitMethod(method: string)

    To set the http method for your backend api, call this function and pass GET, POST, PUT, etc. It defaults to GET.
  • To set the url of your api
    deebo.methods.setInitApiUrl(url: string)

    To set your api endpoint url, call this method and pass the url as a string.
  • To set the property name from your api response where the array of objects is. Set this to an empty string if your entire response is just an array. The default is "result" since that loads the sample.
    deebo.methods.setInitResProp(prop: string)
  • Load Data From an API
    * Pass an empty string to setInitResProp if your entire response body is just an array.
    load the data from an api
  • When your api returns, the code checks if the response is just an array, or if it's some object and your array is a property of that object. If your response is indeed just an array, call setInitResProp and pass an empty string. If your array of objects is part of a larger response object, pass the attribute name of the array. The default is result since that's the property where the array is within the response of the sample api.