We have built a custom Date Picker control based on the Kendo UI DatePicker(JavaScript control).  We are trying to use this control in the Kendo Grid with an Editor Template.  We can get the control to display/work for 1 field, but when we have 2 in the same grid, we are having difficulties getting the data in the correct field.  Has anybody else tried something like this?  Any advice?  Sorry, no code samples.  Thought about opening up an issue with Kendo Support but since this is a custom date picker, we figured it probably wouldn't be looked at.

Thanks

Browser: Internet Explorer 10 (although it occurs in all browsers)
Kendo UI v2013.2.716
jQuery: as Included in trial download

SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference
kendo.all.min.js, line 13 character 1431

's' is undefined.


This error happens whenever I call dataSource.read(), and after the service successfully returns a response with a result in it.

Here's how I have my DataSource setup, tied to a Grid widget:


var myDataSource = new kendo.data.DataSource({
    transport: {
        create:{
            dataType: "json",
            url: CREATE_CONTACT,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false
        },
        read: {
            dataType: "json",
            url: RETRIEVE_CONTACTS,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false,
            success:function(response){
                //This is never being called.
                // Error occurs whether I include a "success" method or not.
                return response;
            },
            error:function(jqxhr){
                //This is never being called.
                // Error occurs whether I include a "success" method or not.
                errorMsgDlg("Read Error","Error Reading Grid", jqxhr);
            }
        },
        update:{
            dataType: "json",
            url: UPDATE_CONTACT,//Global var equal to service uri to call for this operation
            type: "POST",
            async:false
        },
        destroy:{
            dataType: "json",
            url: DELETE_CONTACT,
            type: "POST",
            async:false
        },
        parameterMap: function(data, type) {

            var contactGroupID = viewModel.get("contactGroupID"),
                contactGroupID = contactGroupID.toJSON(),
                parameters;

            if (type == "create") {

                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            else if (type == "read") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || ""
                };
            }
            else if (type == "update") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            else if (type == "destroy") {
                parameters = {
                    contactGroupID: JSON.stringify(contactGroupID) || "",
                    models: kendo.stringify(data.models) || ""
                };
            }
            return parameters || {};
        }
    },
    schema: {
        parse:function(response){
             //Never see this get called
            return response;
        },
        model: {
            id: "name",
            fields: {
                name: { type: "string" },
                email: { type: "string" },
                organization: { type: "string" },
                type: { type: "string" }
            }
        }
        ,data: function(response){

            //Never see this get called
            return response;//Should be an array of contacts
        }
     }
});

$("#mygrid").kendoGrid({
    scrollable: true,
    dataSource: myDataSource,
    columns: [
        {
            field:"name",
            title: "POC Name"
        },
        {
            field:"email",
            title: "Email"
        },
        {
            field:"organization",
            title: "Organization"
        },
        {
            field:"type",
            title: "Type"
        }
    ],
    change:function(e){

        //I'm not seeing this get called.
        var dataItem = this.dataItem() || this.dataItem(e.item.index()) || {},
            name = dataItem.name || "",
            email = dataItem.email || "",
            organization = dataItem.organization || "",
            type = dataItem.type || "Action";
        
        /*Do stuff*/
    }
});

/*
This function is activated when a user selects an item to load.
function MyOnLoadFunction(){

    /*
    snip - setting data in viewModel with kendo MVVM
    
    */
    var MyGrid = $("#mygrid").data("kendoGrid");
    MyGrid.dataSource.read();//Happens during this call, but after the service returns
    MyGrid.refresh();
    
    /*snip other loading stuff*/
}





/*snip HTML stuff*/
<div id="mygrid"></div>
/*snip more html*/

I have a page with a large div (set to 60% of the screen width) in it that I wish to flip horizontally to display the other side. I've used your documentation and demos to set up what I want using fx.flipHorizontal and it displays and flips perfectly in IE10. However, in Chrome and Firefox, the animation of the flip takes the edge of the div outside the bounds of the screen causing a scrollbar to temporarily appear and then disappear making the display look poor. I have setup a second page not using Kendo but using the standard CSS3 transforms and I can get those to work properly in FireFox and Chrome by adding a "perspective" to the container - 3000px solves the problem consistently in this case. This causes a problem with IE10 unfortunately where the back side of the panel is displayed immediately the flip animation is started and at present that does not appear to be fixable as far as I can see. Is there a way to control the perspective on the Kendo FX flip so I can resort to using it to support all browsers or is there something else I can do to make the flip display correctly in FF & Chrome?

I am running on a screen in full HD resolution, I have a left margin on my div of 68px and the div itself is 1142px wide. The height of the div is about 500px. I hope that helps you to reproduce my scenario.

Thanks in advance.

I know Kendo's panelBar can bind to a Sitemap file as shown on the following page:http://docs.kendoui.com/getting-started/using-kendo-with/aspnet-mvc/helpers/panelbar/overview, but what I can't figure out is whether or not it's possible to apply settings like starting level/node or binding depth.

What I'm looking for is something that will allow me to specify the Starting Level and perhaps Max Depth or something along those lines.

Is this possible?

Hi,

I am using 2013.2.716

For some reason - since yesterday, all my graphs category axis looks crashed.
I am using  chart with Dates as category Axis. the graph looks ok but the category line looks Smashed.

Symptoms:
1. this only occurs on some client browsers machine. 
2. affects all browsers.
3. The problem comes when I use dates that are before and after DST change on hour local settings (27/10).
I.e. : start date is 25/10 and end date 29/10 - is crashed. if both before 26/10 it looks fine
4. if We change Time settings - this problem is also solved.

What is weirder is that this worked fine yesterday- And we did not change anything Lately.

I saw this past thread:
http://www.kendoui.com/forums/kendo-ui-dataviz/chart/charts-appear-crushed-on-ie-7-thru-9-on-some-user-machines.aspx
but it doesn't help me here, I tried adding height and width properties.
 
Attached is the screen shot and a file showing how I use the graph.


please advise.

Thanks,
 

Hi,
I'm using kendo editor to substitute the ajax html editor in my aspx application. I believe the same I'm using now to write. 
I am using kendo 2013.2.918 version.
I need to implement the Undo/redo functionalities. Basically I added two custom buttons and a function to handle the click in the tools[] array as

                $("#editor").kendoEditor({
                    tools: [
                    ..........
                    {
                        name: "customundo",
                        tooltip: "Undo",
                        exec: function (e) {
                            var editor = $(this).data("kendoEditor");
                            editor.exec("undo");
                        }
                    },
                    {
                        name: "customredo",
                        tooltip: "Redo",
                        exec: function (e) {
                            var editor = $(this).data("kendoEditor");
                            editor.exec("redo");
                        }
                    },
 
                    ..........
                    ]

Everytime I click the undo/redo button, the method editor.exec(undo/redo) is called.
I always get an error in kendo.all.min.js as
"JSCript runtime error: object doesn't support this property or method.
in kendo.all.min.js the statement "a.undoRedoStack[e]" is highlighted.
I implemented a preliminary version this summer using version 2013.2.710 and the exec(undo) worked. I noticed also the css changed substantially between the 2 versions.
I tried kendo.web.min.js but it behaves in the same way. Can you please tell me how I can implement undo/redo ?

For completeness I attach the the aspx file

Thanks for your kind attention

best regards

Marco

I am using MVC Complete v2013.2.918

I am working on supporting batch editing of a column (the percentage column - a decimal value) in the grid across pages when server side paging is used.  I am modeling my modifications based on this example:

When I click the save button (which calls grid.dataSource.sync()), it is currently only sending data for the current page (which is expected and why I'm trying to use something like the linked example above).  The issue now becomes: how can I modify the data sent from the client to the server to contain all the data across all pages instead of just the current page?  I now have the data (thanks to the example above), but don't know how to add it to the data sent to the server.

Thanks in advance

Hi ,

Is there anyway I can have a pointer cursor  whenever there is a axislabel click method is enabled for charts ? 

I saw the svg that is rendered is having a data-model-id tag but that is also associated with the value axis as well.
I only need a mouse pointer only for the category axis. Is there any way I can achieve the same? 

Thanks,
Anirban

I have been working with the MVC Wrappers and now I want to check the possibility of using Json bound kendo web controls with out a ViewModel.
I was wondering is there is a simple way of creating a simple Js wrapper that would create the element that the Kendo control would bind to and create a very smoth code instead of:
Html element 
JS $(#ElementName).kendowigit(data)...
Is the kendo team thinking of this has it been done.
The only like that resemble this is http://www.kendoui.com/blogs/teamblog/posts/12-04-03/creating_custom_kendo_ui_plugins.aspx
But one of the parameters the init function recieves is Element.

Yours,

Ariel

Hi,

I need help :). I would like to do something like this:

https://developers.google.com/chart/interactive/docs/gallery/motionchart (press the play button)

A bubble chart with a date slider,. Basically  when I move the slider, the bubble chart will refreshing the data dynamicaly...

Do you know if is possible to do it? and the best thing! Do you have any example? 

Thanks a lot!
Luis
=======================================
EDIT:

I found this example: http://www.kendoui.com/forums/kendo-ui-dataviz/chart/update-datasource.aspx

So I think that will be possible to do!  But if anyone has an example... please let me know!

Thanks