Great work on the beta datetime picker....I think it has great potential with just 2 minor tweaks.

When I click in the textbox I kind of expect something to happen.
Ideally the datepicker should pop down (while keeping keyboard focus to allow typing if preferred.)

When the datepicker pops up I can see lots of users not realising that there is a second step.
There should be a config option which sets the time picker to drop down immediately after the datepicker comes up.

So many datetime pickers lack a simple, clear and intuitive interface for first time novice users.
These 2 tweaks would easily put Kendo as the best datetime picker I have used.

I hope that you can get these small but significant changes added by the official release date.
(I am a paying customer!)

I am trying out the ComboBox widget in our product. We already have html pulldowns and I am generating the comboBox from the existing pulldowns, seems to work great but with a fixed width by default. I figured out a way to initialize the comboBox with correct width I want, $("#mypulldown").width(computedWidth).kendoComboBox(). This works well too, but when the pulldown values are updated/changed comboBox width remains same. How do I get the width updated to correct size?
Here is the link to jsfiddle,
http://jsfiddle.net/vzwaC/

Thanks
Uma

I have a grid that I have been using for a long time.  Today I added the property "sortable: true".  The grid now sorts correctly, but it is only one row high!

I never specify the height and I do not want to. 



    $("#jobMilestones").kendoGrid({
        columns: [
                    { field: "Name", title: "Milestone Description" },
                    { title: "Users", field: "Users", template: "#=showAddUsers(JobTaskId,Name,Users)#" },
                    { field: "DueDate", title: "Due Date", template: "#= displayMilestoneDate(DueDate, Complete) #" },
                    { field: "Complete", title: "Status", template: "#= displayMilestoneStatus(Complete)#" },
                    { field: "Notes"},
                    { command: ["destroy", { text: "Email", className: "MSEmail"}], title: "", width: "300px" },
                    { field: "JobTaskId", title: " ", template: "#=openMilestoneLog(JobTaskId)#" }
                ],
        toolbar: ["create", "save", "cancel"],
        sortable: true,
        editable: true,
        dataSource: {
            schema: {
                data: "d",
                model: {
                    id: "JobTaskId",
                    fields: {
                        JobTaskId: { editable: false, nullable: true },
                        JobId: { editable: false, nullable: true },
                        Name: { validation: { required: true} },
                        Notes: { validation: { required: false} },
                        Users: { editable: false },
                        DueDate: { validation: { required: true }, type: "date" },
                        Complete: { type: "boolean", editable: true }
                    }
                }
            },
            batch: true,
            transport: {
                create: {
                    url: "../WebServices/MilestonesWebservice.asmx/Create",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                read: {
                    url: "../WebServices/MilestonesWebservice.asmx/Read",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                update: {
                    url: "../WebServices/MilestonesWebservice.asmx/Update",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                destroy: {
                    url: "../WebServices/MilestonesWebservice.asmx/Delete",
                    contentType: "application/json; charset=utf-8",
                    type: "POST"
                },
                parameterMap: function (data, operation) {
                    switch (operation) {
                        case "read":
                            return JSON.stringify({ jobId: localData.currentDisplayedJobId })
                            break;
                        case "create":
                            return JSON.stringify({ jobTasks: data.models, jobId: localData.currentDisplayedJobId, userids: pageValues.usersOnNewMilestone, fullName: globalValues.fullName })
                            break;
                        case "destroy":
                            //return JSON.stringify({ jobId: localData.currentDisplayedJobId, JobTaskID: data.models[data.models.length - 1].JobTaskId, fullName: globalValues.fullName })
                            return JSON.stringify({ JobTasks: data.models, jobId: localData.currentDisplayedJobId, fullName: globalValues.fullName })
                            JobTasks
                            break;
                        case "update":
                            return JSON.stringify({ jobTasks: data.models, fullName: globalValues.fullName })
                            break;
                    }
                }


            }

What is the general consensus for using KendoUI to build a Web application and a Mobile version of that application?

Are two completely different applications necessary, each with their own framework, or can they be combined into a single application?

What's the best way of doing this?

Thanks,

King Wilder

Hello,

Can someone tell me is it possible to have a ListView with batch edit?
I need to delete rows but with no changes on server until user clicks "Apply".

As I can see method "remove" in the listview calls dataSource.sync() and sync makes a server call.

I have a code like this:
In the DataSource I have "batch: true".

Is it possible to call "remove" method without immediate calling dataSource sync?
Thank you.

Vladimir

The initial view of our application displays a login page. The user is required to login. We validate the login in javascript making an ajax call to the server.

Our login button looks like this:

<a href="#main" data-role="button" data-click="loginClick">Login</a>

If login succeeds the app should navigate to #main. If not, stay on the login view. 
 
In our loginClick processing, we make an ajax call. If the login is not valid, we call e.preventDefault(); (which does not work)

Ok, so here is what I'm trying to do, I have 2 dropdowns, one for countries, the other for cities. They both pull their data from  remote json data sources. The thing is that when you chose a country it has to filter out the cities only for that country. The only way I figured I could do this is by changing the data source of the city drop down once the value of the country drop down changes.

I wrote some code for that but it doesnt work, here's a snippet:


So as you can see I assign the City drop down a new data source, for the testI don't actually dinamicly get the countryID from the country dropdown. Will implement that after I get something to work actually. After this event fires the dropdown doesnt respond to clicks anymore, and i put a alert at the end to show my a total of the items in the dataSource it just gives me a 0.

I tracked the network data via the debugger in my browser and I see that a call to /WebUI/API/Countries/3/Cities is being made when the event fires and it's succesfull and gets back the data it needs. I just don't get it what I'm doing wrong. 



Thanks In advance!
Dennis P. 

Hello everybody,

is there a way to put the footer of the grid (the page navigation) on the tip of the grid

like:


PAGE NAVIGATION
--------
Drag here to Group
--------
Column Names
------
Content

??

Greetings 
Stefan

Hi,

I am new html development as well as Kendo. I've written the below HTML and the input is not rendering properly. The input box is in a different place than the Autocomplete. What is the right way to do this with absolute positioning...OR is there some other recommended way to do this.

Thanks!

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery.min.js" type="text/javascript"></script>
    <script src="js/kendo.web.min.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="example" class="k-content">
        <input id="EDIT1" class="EDITCSS" /> <br />
        <select id="select" placeholder="Select size...">
                <option>X-Small</option>
                <option>Small</option>
                <option>Medium</option>
                <option>Large</option>
                <option>X-Large</option>
                <option>2X-Large</option>
            </select>
    </div>
    <style>
        .EDITCSS {
            position: absolute;
            left: 376px;
            top: 112px;
        }
    </style>
    <div>
        <script>
            $(document).ready(function() {
                $("#EDIT1").kendoAutoComplete(["Apples", "Oranges", "Grapes"]);
                $("#select").kendoComboBox();
            })
        </script>
    </div>
  </body>
</html>

Is there any way to hide or remove the kendo editor?