Is there an example using kendo offline other than a data-bound grid. Specifically, I would like to call the add method to add data to the dataset.
For example, where $scope.dsPatients is a kendo datasource, I would like to
$scope.dsPatients.add($scope.patient);
I currently get a message that the add method is invalid.
I was able to get this to work in dojo:
http://dojo.telerik.com/#jcbowyer/OviXI
Related
I am moving to Blazor and attempting to work out how to use custom filtering in Radzen's DataGrid. Here is an example of what I am looking to do (from the old app I need to migrate):
As you can see, there is a filtering section above the grid. Of course I know that Radzen has built-in filtering in the grid itself, but that doesn't help when the filter you want to apply is to a column that is not visible on the grid..
So basically: how do you filter on columns that are not in the grid? I am using OData.. if there is a way I can modify the OData filter when the search button is clicked and reload the grid, that would be helpful.
Sorry if I misunderstood you. As you said, when search button clicked you can load data from the DB by using oData filter and reload the Radzen data grid.
then just call StateHasChanged();
I worked out a solution. You can see it here: https://forum.radzen.com/t/radzen-datagrid-custom-filtering/9448/12
Basically I copied their code from /Radzen.Blazor/QueryableExtension.cs and modified the ToODataFilterString() method to use a collection of FilterDescriptor instead of RadzenGridColumn<T>.. As the name implies, it returns an OData query string.. which I use to filter the grid's data. A working example, with full source code can be found here: https://github.com/gordon-matt/Extenso/tree/develop/Demos/Demo.Extenso.AspNetCore.Blazor.OData
I was trying to use the Kendo Grid UI control.
I am using the binding from Javascript with few template columns.
When the HTML is generated it gets two tables, one for header and one for body. This becomes hard for accessibility, can someone please guide me how do I set to generate only one table with header and data in it.
This issue is caused by setting grid to be scrollable. Scrollable property in Kendo UI for jQuery is true by default so you need to explicitly set it false.
If you are using Kendo UI for ASP.NET MVC then you have to remove GridBuilder's .Scrollable() method call.
I saw that in a Kendo Grid if you modify and add some rows the order of the requests is: Create and after that Update. It is possible to change this order and to call the Update action first and after that the Create action?
Thank you in advance,
Vlad Cristea
Not possible out of the box. You either have to modify the source code or implement a custom kendo.data.DataSource transport - set transport.update and transport.create as functions.
I'm using a custom popup editor in a detail grid (several fields are using data attribute initialization).
One of the fields is a Kendo DropDownList, but I need the options in the list to be filtered based on the value of one of the fields in the currently expanded master row.
I've managed a buggy workaround by setting a global variable when a master row is expanded and then filtering the dropdownlist's datasource using a function call on the open event.
I'm sure there must be a better way to do this. Is it possible to specify a datasource filter using data attribute initialization -- I can't see anything in the docs for this.
Thanks
Missed the obvious...
I just needed to filter the datasource for the drop down list in the grid's edit event.
I have used kendo grids and charts fine and refreshed them with the following example code:
$("#Product").data("kendoGrid").dataSource.read();
However, I have used the datasource just to provide some basic data in a different view, like in this example where it does not use the grid http://demos.kendoui.com/web/datasource/index.html
Is there a way to refresh this datasource in the same kind of way as the above code does for the grids and charts?
Thanks, Matt
It seems to be that only the data is read with dataSource, you need to refresh the grid also like this:
$("#Product").data("kendoGrid").dataSource.read();
$("#Product").data("kendoGrid").refresh();