I use the Visual Studio IDE for development and of course I get warning "swigglys" for custom html tag not using the "data-" attribute prefix.  I know that the base AngularJS library supports adding the data- prefix on attributes or elements.  I tried the prefix with the Kendo Grid and it broke it.  Is there a configuration setting for VS to make that warning go away?  Or is this under development for a future fix?

Thanks, and the Kendo tool-set is awesome, thanks so much for it!!

Hi,

I cannot seem to find any information on how to get custom MVC 4 unobtrusive validation to work on individual records within a grid (client-side). Server-side validation works correctly, but the client validation function is never called. For built-in MVC validations such as the [Required] attribute it works fine on both the server and client, but any validations I've created myself do not.

I know the grid uses Kendo Validator internally, but I am not sure how to register my custom validation functions with it, if it's not supposed to just pick them up from the ones I've registered with jQuery validate like so:

I don't think there's anything wrong with my custom attribute since it works on standard HTML form elements, but I guess I need to do something differently to make Kendo aware of it.

Are there any examples of doing this that I've missed? The documentation doesn't seem to cover using this with the Grid at all.

Hi,

I've got a problem to get native scrolling to work.
In my App I've got a view, with native-scrolling enabled (because of the "keyboard dismiss" scroll back problem).

On my old Android 2.3 everything works fine, but on Android 4.3 and 4.4 I'm not able to scroll in the view (landscape and portrait).

Is there any restriction how the view must be set up?


Thanks in advance,
Patrick

I am using the Angular extensions with the grid.

I have a grid that looks like this:


In another directive I created (not shown in my sample) I generate the options for the grid and put the results in $scope.testGridOptions, ex. schema, columns, sorting/grouping/filtering options/etc. This works well and the grid works as expected. However, I actually need to be able to update the grid (schema, columns, data, etc.) based on different things the user can click on. If it was just a few different grid types I'd probably just hide/show them, but this grid needs to be built dynamically. Unfortunately, if I just update testGridOptions the grid doesn't get updated.

Is there a way to force the grid to reload its settings?

Hi.

Suppose I have a group of controls like (numtextbox, masktextbox and so on). I would like to have the functionality
like in xeditable where it is able to mark some controls as editable and by clicking edit button start edit. After it is possible
either save or cancel. Is there some similiar functionality or I should trace changes for each control separately?

Thanks in advance.

Is it a bug that the grid does not do a query again for empty strings? for example:

http://demos.telerik.com/kendo-ui/grid/remote-data-binding

if we do a filter for Ship Name as "Hanari Carnes" it will match as expected.
If the filter is then changed to a empty string i would expect it to search null or empty strings... and therefore have no results.

The grid still keeps the filter as "Hanari Carnes" (though you no longer see it seeing as you've now removed it).

Thanks, Matt

Hi,

I am trying to build a RTL grid with some frozen columns on the right.
When I scroll to the left, the cells position loses orientation with the header (see attached).
I am able to see that the cells always scrolled before the header.

On LTR layout, everything works perfect.

I am using the latest trial version.

Please advice,

Ido.

Hi, I am using Kendo Grid in my application with Server side sorting. I am sending additional data(object) to my method.

var viewModel = kendo.observable({
        param: {
            LeadName: "",
            LeadPriority: 1,
            Notes: "",
            Address: "",
            City: "",
            State: "",
            Zip: "",
            Booked:  1,           
            SearchText: ""
        }
});

$("#leadsGrdView").kendoGrid({
        dataSource: {
            type: "aspnetmvc-ajax",
            transport: {
                read: {
                    url: "Lead/GetLeadListResult",
                    data: JSON.parse(JSON.stringify(viewModel.param))
                }
            },
            schema: {
                model: {
                    fields: {
                        Name: { type: "string", editable: false },
                        Priority: { type: "string", editable: false },
                        Notes: { type: "string" },
                        Booked: { type: "checkbox", editable: false },
                        Address: { editable: false },
                        Id: { type: "int" }
                    }
                },
                total: "Total",
                data: "Data"
            },
            pageSize: 10,
            serverPaging: true,
            serverFiltering: true,
            serverSorting: true
        },
        scrollable: false,
        sortable: true,
        groupable: false,
        pageable: { buttonCount: 4 },
        columns: [{ template: '<a href="/Lead/LeadDetail/#=Id#">#=Name#</a>', field: "Name", title: "Lead Name", width: "30%" },
                  { field: "Priority", title: "Lead Priority", width: "20%" },
                  {
                      field: "Address",
                      title: "Address", width: "30%",
                      template: '<span> #=Address.Address1#, #=Address.City# #=Address.State# </span>'
                  },
                  { field: "Notes", title: "Notes", width: "30%" },
                  {
                      field: "Booked",
                      template: '<input type="checkbox" #= Booked ? "checked=checked" : "" # ></input>'
                  }
        ]
    });

I am using viewModel.param object in my view. I am sending viewModel.param object as an additional data to the method.I can able to retrieve additional data to my method. This works as expected till now. After viewModel.param object variables are modified and if I try to sort any column, the updating additional data is not being sent to method, instead it sends the initial data when Kendo grid is initially loaded. 
How can I send the updated additional data in Server side sorting? Is there any better approach than this to accomplish my requirement.
All I need is to send the updated object I have in my javascript to the method in the controller when using server side sorting. 
Any help will be greatly appreciated

hi, i have a simple MVVM listview that get data from a json webservice.:

<div data-role="view"  
     data-model="app.products.viewModel" >
    <ul 
                    data-role="listview" 
                    data-bind="source: productsDS"
                    data-template="product-template">
        
    </ul>                              
</div>

and my viewModel:
(function (global) {
    var ProductViewModel,
        app = global.app = global.app || {};

    ProductViewModel = kendo.data.ObservableObject.extend({   
        productDS: "",        
        init: function() {         
            var that = this,
                dataSource;         
            kendo.data.ObservableObject.fn.init.apply(that, []);
            // Get Session from localStorage when user login.
            var session = getSession();
           
            var dataSource = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "http:/.... my service" +  session,
                    dataType: "json"
                }
            },
            schema: {
               data: "results.data"
            }
        });
            that.set("productDS", dataSource);
       }      
    });

    app.products = {
        viewModel: new ProductViewModel()
    };
})(window);



When i start the app, i get no data from the datasource because session is still "undefined". Session is a value the user get doing a previous login.
If i refresh the app (appBuilder Simulator), then the session is not nul and everything works.

how i can trigger the dataSource when i have the session already?

Hi, I want to show a div (with text "Insert div text here" in the example file attached) when you edit the age of a row, but if you click on that div, the input should not lose the focus.
It works properly on firefox, chrome and latest versions of IE, but on IE8 it doesn't work, when you click on the div, the cell loses the focus and de input cell closes.

You can execute example.html to better understanding of my problem.

Thanks.