Hi team,

i am pleases to use this kendo UI .. i am customizing the kendo UI drop downlist.

i want to make color picker using Kedo Dropdown.

i am able to append new elements to the dropdown, want to change the Hover color for selected Item and  after selecting i want to show color pallet and Text side by side.Can any one help me  in this context.

i am attaching a screen shot that will explains much better...

I'm working on a MVC 4 project and bumped in to a problem with the Kendo Grid. 

I try to use both the Sortable() and Filterable() properties of the grid, but only sorting is applied. The filter icons are visible in the columns but only triggers sorting. The Filterable() property works fine when Sortable() is removed though. 

Below is the code for the grid (slightly edited for cleaner presentation)
I've also tried with the ColumnMenu() property based on your demo http://demos.kendoui.com/web/grid/column-menu.html
but the problem remains (ie the column menu icon can not be clicked).

Furthermore, when I set sortable in the ColumnMenu (like below), the options for "Sort ascending" and "Sort descending" are not displayed in the menu.
It would be great if I could get both filtering and sorting working on the grid.

Thanks,
Andreas

How do I get the ID of a node in a Kendo treeview from a  remote JSON and put it as a variable to use in a grid's remote datasource url as parameter?

Here is the code for tree:

... and here is the code for grid:

Any help will be apreciated. Thanks!

When I turn on the "selectable" property of a Kendo grid, I get an interesting (undesirable) behavior on iOS browsers.   When you use a single swipe gesture to scroll the content of the grid, all the rows in the entire grid become selected.

So far I have confirmed this happens on Safari on iOS 5 and 6 as well as Chrome 23.0.1271.91 also on iOS 6.  I have published a standalone file to demonstrate this issue:

http://hst11.homeschooltracker.com/demo/grid.html

I look forward to any recommendations that will make it so that scrolling on these platforms does not select rows the user did not mean to select.

We've run into a situation where we need to be able to tell if a view is being shown because the user clicked 'back' (whether via an HTML button, or the back button on their device/browser). Is there any way to do this from within the view's show event?

Thanks,
Jonathan

Hi,
We are trying to load a Kendo Tree view control with XML document as datasource. But we can't fnd any code samples for the same. We are struck here. Can anyone help us by providing some sampe code?

how to get the ID(Primary key) of the ProjectGroup model ? when i want to use that ID in the method like DataServiceFactory.AdminService.GetUsersForProjectGroup(ID) , i cant bind it , just for now to check, i passed ID as "1" in the below code . can any one help how to bind the "ID "

@(Html.Kendo().Grid(Model.ProjectGroups)
    .Name("Grid")
    .Columns(columns =>
                 {
                     columns.Template(@<div><h4>@item.Name</h4><small>@item.Description</small></div>).Title("Name");
                     List<User> users = DataServiceFactory.AdminService.GetUsersForProjectGroup(1);
                     columns.Template(
                         @<div>
                         @foreach(var user in users){<p>@user.FullName</p>}</div>).Title("Members");
                     List<Partition> partitions = DataServiceFactory.AdminService.GetAccessedPartitionForProjectGroup(1);
                     columns.Template(
                         @<div>
                         @foreach (var partition in partitions)
                         {<p>@partition.Name</p>}</div>).Title("Partitions");

                     columns.Template(@<a href="@Url.Action("EditGroup", new { ID = item.ID })"><i class="icon-pencil"></i></a>);
                      
                 })
                 .Pageable()
                 .Sortable()
    )

If I navigate directly to a view in my app, without parameters, my views show as they should:  
http://localhost:34991/MobileNew/Account/Dashboard/#clientSearchByLastNameView

If I add parameters, it will 'reset' the app, and start on the first/initial view:
http://localhost:34991/MobileNew/Account/Dashboard/#clientSearchResultsView?SearchLastName=Smith

I should add, when I say "navigate", I don't mean app.navigate.  I mean a direct link from the browser's address bar.

Is this a known issue, and what is the workaround?

Hello, I am trying to access my datasource after I read it in remotely.  The problem is that it thinks that my datasource is undefined.  I am pretty sure I am using the proper syntax because when I check the data in the change() event, it shows all the data correctly and I can access each field.  But when i try to do it outside of the code it doesn't work.  Here is my code and the errors I am getting.  PLEASE HELP!

PlayerCalculatorModule.prototype.initialize = function() {
    'use_strict';
    var self = this;
    var calcData;
    this.eventModel = kendo.data.Model.define({
        id: "playerGUID",
        playerFirstName: "playerFirstName",
        playerLastName: "playerLastName",
        pricePerTd: "pricePerTd",
        pricePerYard: "pricePerYard",
        pricePerFumble: "pricePerFumble",
        pricePerSacked: "pricePerSacked",
        pricePerIncompletion: "pricePerIncompletion",
        pricePerInterception: "pricePerInterception",
        pricePerCompletetion: "pricePerCompletetion",
        playerStartingPrice: "playerStartingPrice"
    });
    this.calcData = new kendo.data.DataSource({
        transport: {
            read: {
                // the remote service url
                url: "/Market/ServiceBeans/playerCalcService.jsp",
                // JSONP is required for cross-domain AJAX
                dataType: "json",
                // additional parameters sent to the remote service
                data: { //additional parameters sent to the remote service
                    action: "getEvents"
                }
            }
        },
        change: function () { // subscribe to the CHANGE event of the data source
            console.log(this.data());
        }
    });
    this.calcData.read();
    console.log(this.calcData.data());

};

The first time I call console.log(this.data());  Everything works as it should.  But when i call :
 console.log(this.calcData.data()); It thinks i have no data.  

Here are is the console output:

1. _events: Object
2. length: 0
3. parent: function (){return t._parent()}
4. type: function (e){var t,n,i,r=this,a=function(){return r};U.fn.init.call(this);for(n in e)t=e[n],"_"!=n.charAt(0)&&(i=ft.call(t),t=r.wrap(t,n,a)),r[n]=t;r.uid=L.guid()}
5. __proto__: Class.extend.i

^^^^^ This is the bad return, it should have a length of not 0

1. [0 … 99]
2. [100 … 168]
3. _events: Object
4. length: 169
5. parent: function (){return t._parent()}
6. type: function (e){var t,n,i,r=this,a=function(){return r};U.fn.init.call(this);for(n in e)t=e[n],"_"!=n.charAt(0)&&(i=ft.call(t),t=r.wrap(t,n,a)),r[n]=t;r.uid=L.guid()}
7. __proto__: Class.extend.i

^^^^^ This is the correct output it has all of my objects and their fields within each.

Any help is greatly appreciated, I am really stuck on this one.

Hi 

We are using two combobox with Cascading behaviour. 

We want both combo box to be enabled as they are cascade to each other. 

That is 

1 . Both should be enabled by default
2. If user selects Combobox 1, Combobox 2 should be filtered by value from combobox 1 
3. If user selects Combobox 2, Combobox 1 should be filtered by value from combobox 2 
4. Also always we need to show the  Place holder value 

I would appreciate if you help us on t his

Jaffar