I'm trying to add a new item to the kendo scheduler.
My database columnNames for the start and end are "TimeStart" and "TimeEnd"
These columns have datetime formats.

In the scheduler I use the following lines to read the items from the database.

When I create a new item, I set the TimeStart and TimeEnd to the chosen values.
But, because it's a custom insert form, I use:

Before adding the item to this function, the dates are properly added to the object.
When I do another console.log() in the create function, the dates are suddenly changed to the current date/time.
My create function is just like this:
Why does the dataSource.add() function reset all my dates?

note: I've tested this with another field in my database "CreatedDate", which has no "from" attribute in the fields configuration.
 It turns out that this object doesnt change, when I set it, but when I leave it empty, Kendo will fill it also with the current Date/Time

Thanks in advance!

pl help me,.
I'm having difficulty in parameter in children tree view.
I don't know how to do it.
Everyone pl hepl me.
My code here below:
**********************************************************************
 function populateTreeView(){
       var url = "/Home/Get_Catagory_Menu";
        var dataSource = new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: url,
                    dataType: "json",
                    data: { 'flag': 1, cat_id=????  ==> it here }
                }
            },
            schema: {
                model: {
                    id: "cat_id",
                    text: "cat_name",
                    expanded: false,
                    hasChildren:"haschildren",
                    children:{
                        transport: {
                            read: {
                                url: url,
                                dataType: "json",
                                data: { 'flag': 2 , cat_id=????  ==> it here}
                            }
                        },
                        schema: {
                            model: {
                                id: "prd_id",
                                text: "prd_name",
                                hasChildren: false
                            }
                        }
                   }
                },
            }
        });
//        function onExpand(e){
//            console.log(this.text(e.node));
//        }
        $("#treeview").kendoTreeView({
          // autoBind: false,
            dataSource: dataSource,
            dataTextField: ["cat_name","prd_name"],
          // expand: onExpand,
       });
   }
    $(document).ready(function () {
        populateTreeView();
    })
********************************************

I have explained the details  here

My problem is that virtual scrolling works fine with varying 'total '( i.e, correctly stops  making ajax calls when the 'total' equals the number of items received)   however when  server filtering is enabled the scrolling never stops(even when the total equals the items received)

Note: This behavior is seen when you use the filter widget (but not when you merely enable 'serverFiltering' to 'true')

Any workaround for this?

I've been experimenting with Knockout and Kendo and I'm a bit confused how the two work together.  The integration example doesn't quite go far enough when the DropDownList is built using an input element.

The problem I see is that if I change the value in the model the DropDownList does not display the correct value.  I think that if I have the modelview bond to the input value that changing the value in the model would cause the DropDownList to select the right value as well and display it as the selected item.

Hi,

I am using the Kendo UI Web v2013.2.716. I am trying to create the scheduler within a tabstrp. however when the page first lauched the tabstrip is not able to render the scheduler. strangely if i click the day or week view the UI will refresh and tabstrip will be able to render the scheduler properly.  even more bizzarly, if i enable developper tool in chrome or firebug tool in FF then switch off the tools, the misformed problem will go away too.

the code i am using is very basic code from the demo. code attached



I have tried to alternate the squence of creating the tabstrip and scheduler but that did not fix the problem.  on the same tabstrip (different tab) i have a grid which is linked to a remote datasource. there is no problem for the tabstrip to host the grid.


I have also attached the screenshots.

Many thanks
amp

Hello,

I'm  new to both KendoUI and JQuery.
I'm trying to create a new application and it's starting well.

I'm creating a "Settings" page where a user would be able to choose skin, "Native" or "Flat".
Those chooses are in a <form> and <select>,

The part of view
<li>
                    <label>Skin
                        <select class="skinchange">
                            <option value="">Native</option>
                            <option value="flat">Flat</option>
                        </select>
                    </label>
                </li>

I would like to call a function in "app.js" when an option is chosen.
app.changeSkin = function (e) {
        if (e.sender.element.value() === "flat") {
            mobileSkin = "flat";
        }
        else {
            mobileSkin = "";
        }

        app.application.skin(mobileSkin);
    };

I don't know how to do it or if it's possible :)

By having following code in the index.html I can change the skin but I would prefer If I could concentrate all that stuff in .js files.
<script>
    $( ".skinchange" ).change(function() {
        
        var mobileSkin = $(".skinchange").val();
        
        app.application.skin(mobileSkin);
    });
    </script>

Best regards and thanks in advance!

Demo page: http://demos.kendoui.com/web/datepicker/events.html

Non-date values don't trigger change events...so I can't remove\fix non-date values (as the control doesn't seem to enforce that itself...or am I missing a property to do that?)

Is it possible to use the progressbar to update the status of a running c# code (eg. update of all items being handled in the c# code, just like with the asp.net progressarea)
Thanks.

I'm working on the UI for an iOS 7 app, and the drawer menu interaction isn't suitable for iOS 7. I'm trying to redesign the drawer to something like this: http://cdn1.dribbble.com/users/221741/screenshots/1154748/attachments/149461/whatsapp-ios7-sidemenu.png

When the drawer menu shows up, it adds some CSS3 transform3d property to the view which is open. I was able to modify the behavior by overriding the style using "!important, but the animation is kinda jaggy, and want to know if there is a better way to do this.

Example of what I'm trying to do: http://jsfiddle.net/thilak/kk83s/

I am trying to get my grid to refresh after an update using the pop-up editor. I followed the suggestion on a related post to use RequestEnd and the following handler.


Everything is perfect when debugging in Visual Studio but it stops working after I publish to our production server. When I debug this using firebug I see the type property is missing from e all together (only when coming from the pop-up editor, in other cases like when the page loads it looks fine). Please advise.