I've looked for a recent example of this and can't seem to find it.

I
have a listview that displays results.  I want the user to see a slider
and edit the slider without having to enter the edit mode of the
listview.  I'll use custom ajax to pull that off... BUT i can't seem to
add the slider to the template... it never renders. I just get the plain
input box.

I've tried this:
and this:

Hi,

I have a datepicker that I am using to increment/decrement the day by using the up/down arrow by binding the keypress event.  This works fine unless the user types in a new date before leaving the datepicker and then hits the up/down arrow in which case the value() is not updated.  What I want to do is upon an up/down arrow keypress, FIRST update the value() and then increment/decrement the day.  How can I do this?

My js is as follows:


Thank you,
David A.

Hi Everybody,


     I have downloaded KendoUI v 2012.2.710  trial version and trying out few samples.
    
     My Requirement is as follows:

    1. I have two Kendo UI grids.
        a. Left Grid contains data from database.
        b. Right grid Empty.
        c. A button in between two grids.

   Scenario 1:

   I need to drag rows from left grid and drop in right grid,
   on right grid drop, the dropped data should be available only in the right grid, and should not be available in the left grid.

 Scenario 2:
 
  select multiple rows in the left grid.
  Click on the button between the two grids should populate the right grid and the selected data should not be available in the left grid.

Scenario 3:

  on double clicking a row in left grid the data should be moved to the right grid.

And the same should be done right to left also.

Is this possible using kendo grid?
Please give me suggestions ASAP.

Thank You,
Kalidhas.P
KendoUI v 2012.2.710

I'm using the Kendo extensions for MVC and binding the grid like so:


I need a way to get the Ajax.Read.Data function name, in this case "searchUsuariosParams" from the kendo grid javascript object.

Thanks

Hi,
I am trying to create a chart with multiple line series on it. Data source for the chart is setting dynamically so i can change the series value at run time (live mode) .Chart with single line is working properly in my web application, but i want to add multiple line series and set the values dynamically . Is there any way to do it ? How can i change values of multiple line series ?

I'm currently trying to put some simple automated testing into an application using Selenium IDE but have hit a problem that I don't appear to be able to trigger the grid change event.

The grid is set up for row selection and works fine when a user is actually using the app and clicks on the row, however, in Selenium IDE I have tried adding an action for click  against the row but the change event never fires.  I've also tried using the mousedown action instead and using the fireEvent action with both click and mousedown but also no change event, I've even go so far as to try a click & mousedown against every cell in the row but also no change event.

Can anybody tell me how I can trigger the change event from Selenium IDE or Javascript?

Hi 
I want to upload the web app which has been built using the kendoUi . how can i achieve this ?
Thanks in advance

I have a grid, one of the columns is a dropdown which comes from another datasource.  When the grid goes into edit mode I select the dropdown.  However if I select the first item in the dropdown it's value is never retrurned.  If I select any other value it's fine, also if I select another value and then the first one it is also ok.  

My code is:
$("#memberGrid").kendoGrid({
                dataSource: dataSource,
                toolbar: ["create"],
                columns: [
                    { field: "LOGIN_NAME", title: "User Name", editor: userDropDownEditor, template: "#=LOGIN_NAME#" },
                    { command: ["edit", "destroy"], title: " ", width: "172px" }
                    ],
                editable: "inline",
            });

My template function is:
function userDropDownEditor(container, options) {
        $('<input required data-text-field="LOGIN_NAME" data-value-field="LOGIN_NAME" data-bind="value:' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                autoBind: true,
                dataSource: {
                    transport: {
                        read: '@Url.Action("GetAvailableUsers", "Role")'
                    }
                }
            });
    }

My Data source is:
var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: '@Url.Action("GetUsersObjectInRole", "Role")' + "?roleName=" + roleName                        
                    },
                    create: {
                        url: '@Url.Action("AddUserToGroup", "Role")',
                        contentType: "application/json",
                        type: "POST"
                    },
                    parameterMap: function (data, operation) {
                        if (operation != "read") {
                            return JSON.stringify(data);
                        } else {                            
                            return JSON.stringify(data); //return stringified options to the server
                        }
                    }
                },
                schema: {
                    model: {
                        id: "LOGIN_NAME",
                        fields: {
                            LOGIN_NAME: { type: "string" },
                            GROUP_ID: {type: "number" }
                        }
                    }
                }
            });


If I check the value of the field in parameterMap it is always empty.  This is really weird, I can't see how it can be a code issue.  Thanks.

The URL value I've put on the node is "~/MyReport/Edit/1"

The URL I get when I hover over treeview icons on build 319 is:
"http://www.mydomain.com/MyReport/Edit/1"

The URL I get when I hover over treeview icons on build 514 is  
"http://www.mydomain.com/~/MyReport/Edit/1"

Clearly a bug has snuck in somewhere.

I've downgraded to 319 for now and it's all working fine.

I'm trying to implement a Scrollview that contains pages which in turn contain Scrollers, like this:


The Scrollers become vertically scrollable/"swipeable" as expexcted, and the Scrollview is horizontally scrollable as expected, unless you try to swipe horizontally with the finger/pointer inside of the Scroller p-element. I.e., the scrollview works when swiping the header or the area around the Scroller.

Is it possible to achieve that when pointing/touching inside the Scroller, a vertical swipe will scroll the Scroller, and a horizontal swipe will scroll the scrollview? Or does anyone know a workaround/hack to make it work? 

Hope I'm expressing myself clear enough... it can get a little confusing with the similar terminology of scrollview/scroller...