logo
down
shadow

Grid dont have data Kendo UI and AngularJS in ASP.NET MVC


Grid dont have data Kendo UI and AngularJS in ASP.NET MVC

By : John Baugen
Date : November 15 2020, 06:54 AM
With these it helps Problem was in configuration. In file app.js I dont have one line 'kendo.directives'
code :
var app = angular.module('app', [
        'ngAnimate',
        'ngSanitize',

        'ui.router',
        'ui.bootstrap',
        'ui.jq',

        'abp',
        'kendo.directives'
    ]);


Share : facebook icon twitter icon
Creating a basic data grid with Kendo UI and AngularJS

Creating a basic data grid with Kendo UI and AngularJS


By : Bob Catlin
Date : March 29 2020, 07:55 AM
this one helps. It looks as if the field names are spelled wrong. The following works for me:
code :
<div kendo-grid k-data-source="products" k-selectable="'row'"
k-pageable='{ "pageSize": 2, "refresh": true, "pageSizes": true }'
  k-columns='[
    { "field": "name", "title": "Name"},
    { "field": "department", "title": "Department"},
    { "field": "lastShipment", "title": "Last Shipment" }
  ]'>
</div>
function MyController($scope) {
   $scope.products = new kendo.data.DataSource({ 
     data: [
        { id:1, name:'Tennis Balls', department:'Sports', lastShipment:'10/01/2013' },
        { id:2, name:'Basket Balls', department:'Sports', lastShipment:'10/02/2013' },
        { id:3, name:'Oil', department:'Auto', lastShipment:'10/01/2013' },
        { id:4, name:'Filters', department:'Auto', lastShipment:'10/01/2013' },
        { id:5, name:'Dresser', department:'Home Furnishings', lastShipment:'10/01/2013' }
    ],
     pageSize: 2
  });
}
How to render the data in Kendo-Grid using angularjs

How to render the data in Kendo-Grid using angularjs


By : Ali
Date : March 29 2020, 07:55 AM
Hope this helps you have to declare your controller in your app
Replace your function SampleController by
code :
app.controller('SampleController', ['$scope', function ($scope) {
   $scope.products = [
        { id:1, name:'Tennis Balls', department:'Sports', lastShipment:'10/01/2013' },
        { id:2, name:'Basket Balls', department:'Sports', lastShipment:'10/02/2013' },
        { id:3, name:'Oil', department:'Auto', lastShipment:'10/01/2013' },
        { id:4, name:'Filters', department:'Auto', lastShipment:'10/01/2013' },
        { id:5, name:'Dresser', department:'Home Furnishings', lastShipment:'10/01/2013' }
    ];
}];
Display the data from kendo-grid to html using angularjs

Display the data from kendo-grid to html using angularjs


By : user3337767
Date : March 29 2020, 07:55 AM
This might help you It seems you need to listen for row selection (change event), and get the selected row, then bind it to angular variable inside your scope as describe in this update
The key here is the change event triggered upon selection/deselection
code :
grid configs
...
change: function(e) {
    var selection = this.select(),
        selectedItem
    ;

    if(selection && this.dataItem(selection)) {
        $scope.selectedItem = this.dataItem(selection).toJSON();
    } else {
        $scope.selectedItem = {};
    }

    $scope.$apply();
}
...
grid configs
How to bind kendo grid data to scope variable in angularjs?

How to bind kendo grid data to scope variable in angularjs?


By : الربيعي سجاد
Date : March 29 2020, 07:55 AM
Hope that helps After a lot of research, I found out that a scope variable in angularjs can be bound with kendo grid data with following syntax:
code :
this.$scope.gridData = angular.element("#kendoGrid").data("kendoGrid").dataSource._data;
Kendo-UI Grid not presenting data via AngularJS

Kendo-UI Grid not presenting data via AngularJS


By : Sophoclis Kesinis
Date : March 29 2020, 07:55 AM
I think the issue was by ths following , You are absolutely correct that the Kendo UI Grid will initially not have access to the data, so when the Grid gets rendered on the page it will simply bind to an empty array - giving you no data. You're also correct to use the k-rebind attribute in this scenario, since it should keep an eye out for when the scope changes.
However, one important thing that you missed is that k-rebind should be set to the same as your options, as mentioned in this documentation article. This can easily be missed, but I've used this before in similar scenarios.
Related Posts Related Posts :
  • Replace NULL in querystring asp.net
  • Exception after installing ASP.NET Route Debugger
  • Web API httpget with many parameters
  • How to hard code a select list from a value?
  • Passing parameter to telerik popup
  • ASP.NET Web API with x509 security certificate
  • ASP.NET get cell from DataRow in a datatable?
  • how can I use a Microsoft Account to authenticate to my website
  • Unable to start debugging on the web server. Unable to connect to the webserver
  • Not able to connect to cube
  • PDF creation using itextsharp is not working in client's server
  • Date field does not display the value in Chrome browser
  • Get Text of Hyperlink which is sitting inside template field in a gridview
  • how to scale image in email body?
  • FormAuthentication not working
  • Using Entity Framework constructors in derived classes
  • Code first database not being created from model
  • Loading external DLL into WinDBG
  • Pass JSON data to strongly typed partial view in ASP.NET
  • ASP.NET MVC 4 Application w/ Areas apps suffering horrible render times
  • view sections cause problems if not rendered in layout
  • Modifying code in a website on IIS
  • Autofac and WebAPI - Default constructor error
  • RouteConfig triggers 500 error when refreshing page
  • Is it possible to change the query string value
  • MetroUI buttoon server side Click Event
  • Change default idseparator in .Net 3.5?
  • Placing DataBound Drop Down List into TableCell
  • MVC 5 AspNet Identity - Value cannot be null. Parameter name: source
  • Save the value of Dynamically created textbox
  • asp.net identity membership saving both email and username for a user
  • IIS Manager Error
  • Project stops working after installing signalr
  • While querying with linq , Max function retrieves upto '9' if more than 9 values in the list
  • shadow
    Privacy Policy - Terms - Contact Us © ourworld-yourmove.org