Hi,
I want to dynamically filter resources in Scheduler and show resource and events based on the filter. please see below demo project which i created and it is not functioning well.
http://dojo.telerik.com/@lilan123/UPuDE/6
as per my requirement i want to show only attendees: 1 and his event in Scheduler when I clicked on filter button.
Thanks,
Lilan
I am tring to set kendoGrid filtering in "row" mode bu setting:
filterable: {
mode: "row",
extra: false
}
But the filtering is still in "menu" mode.
Ho can I fix this?
While trying to solve a problem where the multi-select does not populate with my array of "Activities", I found this Kendo dojo example:
http://dojo.telerik.com/oHiWA/6
If you change the library to any of the Q2015 releases, this example no longer works and appears to mirror the exact problem I am having in my angular application. Changing ng-model to k-ng-model has no effect.
I have a grid which is set to editable:true, batch: false, and then I have and "add new" button via the toolbar: ["create"] directive. When a user clicks on that it instantly pings the backend server. The row requires a number of fields to be filled in before it is considered and valid. So right now until all the fields are valid, I return an error.
The problem is conveying that the user must enter all required fields before it is saved on the backend. How can I get within the error: function(e){...} the most recent row that it is trying to sync? I'd ideally want to continue to highlight whatever fields are missing as "required" until they fill them all in. I'd also want it to leave the icon in the top left of the box on the ones showing they are not yet saved.
I could return then something like:
{ "errors": { "name": [ "REquired" ], "description": [ "required", "must be more than 5 characters" ] }}Then I'd loop through the errors and match up the fields that have errors and show some sort of indication to the end user.
Let me know what was is best to accomplish that or if there is a better way I should be doing this.
Thanks,
Matt
Kendo grid expands vertically when we hover over it. Screenshots are attached.
Please let us know if you need any other information.

1. Set up kendo grid:
@(Html.Kendo().Grid(Model)
.Name("gridnamehere")
.Columns(columns =>
{
columns.Bound(p => p.Name);
columns.Command(commands =>
{
commands.Edit().Text("");
commands.Destroy().Text("");
}).Width(125);
})
.ToolBar(toolbar =>
{
toolbar.Create();
})
.Editable(editable => editable.Mode(GridEditMode.PopUp).Window(w => w.Title("Add/Edit")))
.Pageable()
.Events(e =>
{
e.Edit("onGridEditing");
e.DataBound("onGridDataBound");
e.Cancel("onGridCancel");
})
.Sortable()
etc...
2. javascript to replace existing buttons and display new icons (passing in the gridname because we will have several grids on the page):
function onGridDataBound(e) {
setKendoGridButtons(e.sender.wrapper[0].id);
}
function onGridCancel(e) {
setKendoGridButtons(e.sender.wrapper[0].id);
}
function onGridEditing(e) {
setKendoGridButtons(e.sender.wrapper[0].id);
}
function setKendoGridButtons(gridName) {
setTimeout(function () {
$("#" + gridName + " .k-grid-edit").html("<span class='fa fa-pencil fa-fw'></span>").css("min-width", "10px").removeClass("k-button");
$("#" + gridName + " .k-grid-delete").html("<span class='fa fa-times fa-fw'></span>").css("min-width", "10px").removeClass("k-button");
$("#" + gridName + " .k-grid-add").html("<span class='fa fa-plus fa-fw'></span>").css("min-width", "10px").removeClass("k-button");
});
}
This initially display as expected with the kendo buttons being replaced by the font awesome icons, however when we click on the Add or Edit buttons (icons), we get a screen flicker in the background where the old kendo buttons appear behind the add/edit template pop-up. This seems to happen when we change any details in the edit template popup i.e. on row change within the kendo grid?
Kendo multi select with checkbox not working properly with latest kendo version
https://jsfiddle.net/MNqaT/149/