Hi

I'm currently using the Kendo Grid in a mobile app (using the App Builder). The leftmost column is frozen, so that I can scroll horizontally when the number of columns increases. This works perfectly fine!

However, it seems that the frozen column cannot be used for vertical scrolling. Meaning, I have to swipe the non-frozen columns to be able to scroll vertically.

Is this by design, or am I missing something?

Thanks!

Jon

I have a toolbar defined with a group of buttons.  I also specified a list of custom attributes passed in through the options for each button in the button group.  One of the custom attributes is a class.  After the latest update, I noticed that the button group does not work when collapsed into the "hamburger" menu.  I have reproduced it in this snippet: 

http://dojo.telerik.com/EZOWA 

Please resize the right panel so that the button group gets pushed into the collapsed menu.​  When the collapsed menu is opened, you will see that the buttons are not working.  This same options configuration worked prior to the update.  What can I do to add my own custom class with the latest update?

Thanks,

Michelle

Hi, 

I'm trying to use the multiSelect as the custom editor in the grid. After changing the value in this multiSelect editor, the grid doesn't fire the "Save" event. When I use the single select dropdownlist, the "Save" event is triggered when I change the value of the dropdownlist.

Please find the example in the fiddle: http://jsfiddle.net/paladinzhy/yX6kg/160/

Thanks, Ryan

For a project we are working on, we have a ScrollView pointing to a local data source (per customer requirements).  This data source needs to be filterable by a few fields, which seems to work properly until we run into a scenario where we need to "clear" our filters.  I've recreated our scenario within the Dojo, the link is below.  I can demonstrate the two issues we are seeing by performing the following:

1. Simply click "Set Filter".  Notice that nothing happens, unless you click "Set Filter" again. If you uncomment this line in setFilter, you will see that pushing the button "works" the first time: 
   // ds.filter({});
    Can you explain why this is the case?
2.  Re-running the example from scratch, you will notice if you click on any of the items, it renames it by fetching it from the data source and then calling ".set()" on that object.  Now, if you hit "Set Filter" and then "Reset Filter", try swiping to the 2nd or 3rd page and then clicking on one of the items.  The item is updated, but the ScrollView switches itself back to the first page.  This only seems to happen *after* filter(filter) has been called on the DataSource the first time and then one of the objects is modified, before filter() is called then it works as expected.  I was looking at the filter() function within the compressed Kendo source, and although I don't understand what "t" is you can clearly see "what" is happening, just not "why": 
   function filter(e){

     var n=this;

     return e===t?n._filter:(n._query({filter:e,page:1}),n.trigger("reset"),t)

   }

That was actually the first time I've seen syntax like that in Javascript, where the second half of a shorthand if/else executes a function call wrapped in parentheses.  Aside from trying to get around these issues, what is the "correct" way to remove filters from a data source?  I didn't see anything in the documentation and there are some pretty varied opinions on the web about how to do this.

Here's a link to the example: http://dojo.telerik.com/egadU/2

We are developing with version 2015.1.429, but I replicated this using 2015.2.624 within the Dojo.

Hi!

I've inherited my own custom timeline view to display two weeks. I must set the title attibute when I add it to the views array or it won't display. The problem is that KendoUI seems to use the title to render css class names which prevents the button for the selected view from highlighting.

JavaScript:

 Notice the space in class name: "k-view-two weeks"

Shouldn't the class name be derived from the "name"-property instead of the "title"-property?

Hi,

Is it necessary to provide transport CRUD methods on the dataSource Config when using angular and the kendo observable array? I currently have the kendo observable array tracking changes by the user in my controller and a custom keydown handler so when the user hits ENTER my controller will call my external service to update the record data and I am attempting to onSuccess, saveChanges so that the changes become pristine in the underlying dataSource. Currently calling saveChanges on successful response from the PUT request intrinsically calls sync which looks for an update method on the transport object, which I have not defined b/c I don't want to delegate this functionality to the dataSource config object.

Thanks!

Devin

Hi there,

I have a grid setup and I want to add a class to the row that has the data of PPT under the status column.  I got a copy of an examples project but the javascript included is for numeric values.  I want to add the class to a field that has written data in this case the term "PPT"  how can I achive this?

The javascript I was provided with

<script>
    function onDataBound(e) {
        var grid = $("#Grid").data("kendoGrid");
        var gridData = grid.dataSource.view();

        for (var i = 0; i < gridData.length; i++) {
            //get the item uid
            var currentUid = gridData[i].uid;
            //if the record fits the custom condition
            if (gridData[i].EmployeeId % 2 == 0) {
                //find the row based on the uid and the custom class
                var currenRow = grid.table.find("tr[data-uid='" + currentUid + "']");
                $(currenRow).addClass("customClass");
            }
        }
    }
</script>​

My grid code is as follows

    @(Html.Kendo().Grid(Model)
    .Name("Grid")
    .Columns(columns =>
        {
            columns.Bound(p => p.owner_company).Title("Owner");
            columns.Bound(p => p.vessel_name).Title("Vessel");
            columns.Bound(p => p.vessel_type).Title("Type");
            columns.Bound(p => p.fixture_charterer).Title("Charterer");
            columns.Bound(p => p.current_location).Title("Location");
            columns.Bound(p => p.next_charterer_info).Title("Next Charter");
            columns.Bound(p => p.fixture_work).Title("Work");
            columns.Bound(p => p.fixture_note).Title("Notes");
            columns.Bound(p => p.vessel_status).Title("Status");
        }
    )
    .Pageable()
    .Groupable()
    //.Scrollable()
    .Sortable()
    .Filterable()
    .DataSource(dataSource => dataSource
        .Ajax()
        .PageSize(40)
        .ServerOperation(false)        
        )
    .ToolBar(tools => tools.Pdf())
    .Pdf(pdf => pdf
        .FileName("PDF_Vessel_Export.pdf")        
        .ProxyURL(Url.Action("PDF_Export_Read", "Grid"))
        )
    .ToolBar(tools => tools.Excel())
    .Excel(excel => excel
            .FileName("Excel_Vessel_Export.xlsx")
            .Filterable(true)
            .ProxyURL(Url.Action("Excel_Export_Save", "Grid"))
            )
        )​

I've been working on some error handling routines for in the event of a service failure, and have two questions as a result.

When the service fails, my error handler works as expected, and I'm able to get the error message from e.xhr.responseText. However, I have batch set to true in the Angular controller for the Gantt object, and the next time I make an update request, it's compounding the data with the failed request. I'd like to have control over whether to keep this data for the next request, or clear it on fail.

The other part of the issue is that when I hover over a Task, the information in the tooltip reflects the changed information that went out in the failed update, however, the view (position and size of the Task object) reflects the old data, so now I have an inconsistency between my model and my view. I tried to just call the refresh() method, but ran into the following problem:

So, to recap, two issues. First of all, how can I clear the failed request from the queue and roll back the data in my model? Secondly, how can I get a handle on the Gantt data? All the examples that I could find use the above method, but they're also using Javascript to instantiate the object, where as I'm using Angular with a controller.

 Thanks in advance for your help!