Hello! I have seen that grid in kendo gantt widget has very few features, compared with kendo grid, so my question is:

Is there some way to get at least some features of kendo grid like:
- Pagination
- Column filters
- Column template

If not, is there any plan in the future to add these features?

Thanks for the reply

Hello,

I am using kendo scheduler in my project.  I am using time line view and we have a requirement where I have to set the start time of the scheduler as 12:00 PM on page load.  When I navigate to the next date the time line should start from 12:00AM again and not 12:00PM. Currently once I set the start time, all other days also start with the same start time.

Kindly suggest how can I achieve the same.

Thanks & Regards

Shajina

Hi,

I am using a dropDownList to show some values in order to filter results on a grid.

I have use the 'change' event to see when the grid must be updated

$('#view-mode-selector').kendoDropDownList({
    change: onModeSelectorChange
});

in the method onModeSelectorChange I am trying to show the progress bar with

kendo.ui.progress($("#grid), true);

and at the end of the method when all is done I have

kendo.ui.progress($("#grid), false);

But the data loads and I do not see the progress bar.

If I remove the last statement (the 'false' one) I can see the progress bar, but it never disappears.
If I debug, It appears and disappears when the data is ready.

It is not an issue of the data loading too fast, sometimes the data takes 5 seconds to be ready.
The data is already in the browser, I am just showing or hiding columns.

Kendo version v2016.2.714

Thanks

Hi,

Using non-MVVM the grid has the setOptions function. There is no equivalent in MVVM. I want to create options that are standard on every grid across every one of my pages without having to declare those options every time.

Things like filterable, sortable, etc. need to be the same across all of my grids and declaring data-sortable="true" on every page seems pointless and can lead to mistakes. How do I do this in MVVM? In non-MVVM I could just have a central function like this:

    var setupStandardGridOptions = function(target) {
        if (target) {
            $(target).data("kendoGrid").setOptions({
                navigatable: true,
                filterable: true,
                sortable: true,
                resizable: true,
                selectable: true,
                pageable: {
                    pageSize: 20,
                    pageSizes: [20, 50, 100],
                    numeric: true
                }
            });
        }
    };

If I call this method in the init() of the view model it does not work. I can call it AFTER the view model is bound outside of the view model but any jquery like that for specific controls in the init() of the view model does no work. How do I set the options INSIDE the view model itself in either a single field or in a method during the init()?

This is my code on my Client Template 

        column.Bound(c => c.DeclarationsSigned)
            .ClientTemplate(
                "# if(DeclarationsSigned) { #" +
                     "# if(DeclarationsSignedByAssessor) { #" +
                        "<label style='color:red;'>Yes</label>" +
                        "# }else {#" +
                        "<label style='color:green;'>Yes</label>" +
                        "# } #"+
                "# } else { #" +
                    "<label style='color:red;' >No</label>" +
                //"< a href = 'javascript: void(0)' title = 'Signed Declaration' class = 'grid-action-inline' onclick =\" signOffDeclaration(<#=ProgramAssignmentId#>,<#=LearnerFullName#>)\"><span class='glyphicons glyphicons-pencil'></span></a>" +
                "<a href='javascript: void(0)' class = 'grid-action-inline' title = 'Signed Declaration' onclick = 'signOffDeclaration(#= ProgramAssignmentId # , #= LearnerFullName #)'><span class = 'glyphicons glyphicons-pencil' ></span></a>" +
                "# } #").Width(50);

And this is my function 

    function signOffDeclaration(AssignentId,LearnerFullName) {
        if (!confirm("I declare that I have a hard-copy of the declaration document signed by {learner name} for {programme}. I will upload this into the POE folder.")) {
            return;
        }

        $.ajax({
            type: "POST",
            url : "/Home/AssessorHome/SignDeclarationOff",
            data: { assignmentId: AssignentId },
            datatype: "json",
            sucess: function (data) {
                console.log(data);
            },
            error: function (xhr, ajaxOptions, thrownError) {
                console.log(xhr.responseText);
            }
        })

        $("#LearnerListGrid").data("kendoGrid").dataSource.read();
    }
i am getting this error when clicking a pencil Uncaught SyntaxError: missing ) after argument list

how do i solve this error

In the single example for the ButtonGroup demo there is a bit of static CSS which is overriding any of the themes:

.k-button-group .k-button { background-color: rgb(44, 35, 43);}

I recommend removing it so users can see the theme variances properly.

Hi there,

I have a few grids in the AngularJS (v.1.x) app where i face issue is in Pagination as well as Filter Dropdown / List. When there is a grid in the page as the last element of a page following problems occur : 

1) Grid Filter

Once i filter any column and let say no rows are displayed because it's not matching the data as per the filter. Now Grid height is smaller than before and if i click on filter again (filter list height is larger than grid size in this case), it's flickering. 

If i scroll a bit the page then it works fine, it renders list in top position instead of bottom. Unless I scroll, problem is not solved.

2) Grid Pagination Dropdown

It similar to 1) only difference is in reproducing. Here i am changing page size from 300 to 10 and trying again to do the same but starts flickering. Once i scroll it solves the problem.

Summary :

Such scenarios where grid is end of page this problem occurs and in my application i have used lots of grid in this scenarios. 

AngularJS Version : 1.5.5
Kendo Version : 2016.1.412
jQuery Version : 1.9.1 / 2.x (tried both)

Any help from Kendo Team will be greatly appreciated!

Thanks,

Hardik

I would like to use a template for my upload widget that creates a link to the file so the user can preview them.  However I can't figure out how to pass the file path into the template.

 var draftFiles = [
@foreach(var a in Model.InvoiceDraftCopies)
{
@:{ name: "@(a.FileName)", extension: "@(a.FileExtension)", size: "@(a.FileSize)", path: "@(a.FilePath)" },
}
];

template: kendo.template("<a href='#=path#' target='_blank'>#=name#</a><button type='button' class='k-upload-action'></button>")

I added "path" to the initialfiles array, but can't get to it in the template.  I get an error on #=path#. ('path' is undefined).