Hi,

I am trying to validate textboxes inside a grid column. This column is having different html controls depending on source data.
For example it can have textbox in one row and dropdown in next. I am able to achieve this using client template.
I want to validate inputs in textboxes. Validation can be different for each text box. It can be for number, max length and/or custom.
I am passing list of validation attributes in source data.

This is working good unless I click on any other grid cell having client template. As soon as I click such cell the validation message is disappering.

Any help on this is greatly appricated!

Thanks

Client template code -

01.sourceData 

02.function CustomControlEditor(sourceData, defaultValue, templateType, controlType)

03.    {

04.         

05.        if (sourceData != null && sourceData != '' )

06.        {

07.            var dd;

08.            if (controlType == "Multiselect")

09.            {

10.                dd = "<select id= 'dd' multiple='multiple'  onchange='SensorDropDownChanged(this,\"" + templateType + "\");'>";

11.  

12.                //get source data

13.  

14.        //get default values

15.  

16.        //populate list  

17.                

18.                return dd;

19.            }

20.            else if (controlType == "Dropdownlist")

21.            {

22.                dd = "<select id= 'dd' onchange='SensorDropDownChanged(this,\"" + templateType + "\");'>";

23.  

24.                 //get source data

25.  

26.        //get default values

27.  

28.        //populate list  

29.                

30.                return dd;

31.            }

32.          

33.        //textbox sourceData is list of validation attributes

34.           else {

35.  

36.            var tb;

37.  

38.            if (defaultValue != null)

39.        {

40.                 

41.                    tb = "<input id= 'tbText' type='text' value='" + defaultValue + "' onblur='SensorTextBoxChanged(this,\"" + templateType + "\");' " + sourceData + "/>";

42.                }

43.            else

44.        {

45.                    tb = "<input id='tbText' 'tb' type='text' 'onblur='SensorTextBoxChanged(this,\"" + templateType + "\");' " + sourceData + "/>";

46.                }

47.            return tb;

48.        }

49.        }

50.          

51.              

52.    }

One thing I have missed a lot with Kendo, that I was accustomed to with KnockoutJS was the KnockoutJS Mapping Plugin. This was an extremely useful feature to me. I have very much wanted its functionality in kendo, so I took some time and just wrote a small few lines of code to do some of what I used to with knockout.

I don't know if this will ever see the light of day, but I would love to see this kind of thing in the future of kendo.

First, you just declare a mapping. To make this easier, I simply added it to the declaration of a model in kendo.data.Model.define. This particular mapping simply uses a function to merge all children under an array called Tags when it is created, so that they each have a function.

Next, you need an actual function to perform the mapping. I did this with this code.
This will go through the mapping data given, and some JSON data given, and do the appropriate work to call upon the mapping keys and
children functions.

Now, I have a function for merging raw JSON data with a kendo view model.
So then, I can just call this in my view model and javascript like this.
So then, the controller returns data that looks like this.
And the mapping just needs one call, to merge it with the view model, and to map the function onto the tags array. Where data is the data returned from the dataSource.
I think you will find this is extremely useful for building complex models that meet more realistic business needs.

It is not possible to set valueAxis properties for StockChart Navigator. If we have a chart as in the attached image, we have the blue line in the main chart and also in the navigator, but they seems different. This is because the valueAxis of the line chart is from 0 to 120000 (from 0 because we have the other violet line with values near 0), whereas the navigator "valueAxis" is from 98000 to 104000 (the same in the main line chart, if we put just the blue line and we remove the violet one).

We have a modal view that has content loaded into it dynamically via some ajax calls. After the data is loaded and the modal is made visible, the scroll bar is always still at the position it was for the previous content. How can we scroll it to the top after loading the content?

Thanks

Hi,

I would like to know if there is any documentation on the filter parameter for the kendoDraggable function.  I have searched a lot and not found anything.

My current situation is that I have drag and drop working between 2 kendo ui grids and all is great.  However, the draggable filter is currently:
This causes the whole line to then display in the drag.  I would like to find a way to specify the first column in that row and not the whole row.

Any input would be greatly appreciated.

Hello,

I am experiencing an issue with the endless scroll when used with data pulled from the local database. When I scroll down the loading image appears at the bottom and it never disappears. Also, when I reach a point in the list and I scroll up there is almost a third of the screen that is not visible until I reach the top. 

I tried it with data pulled from a server and works perfectly but not with data pulled from the local database. To me it looks like it does not know when the request is over so that it can hide the loading image.

This is the code I am using:

 

Hi everyone,

    Could I change the time format to "HH:mm" in the shadow event when you are moving or resizing the event?

    I've been looking for examples or any guide but I can't find it.

    Maybe using move or resize event?

Thanks in advance
Regards

Hello,

In chrome, when we zoom in for a certain zoom level (110% , 125%) we are getting scroll bar inside tooltip .
Please let us know if there is any fix for this? 
Please refer attached file for more details.

Hi guys,

I'm having an issue with a server paged data source, where if the length of the result set changes the data source is not updated with the change. For example:

                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "json",
                            serverPaging: true,
                            pageSize: 100,
                            transport: {
                                read: {
                                    url: "/Req/Azure",
                                    dataType: "jsonp",
                                    data: {
                                        sid: sid,
                                        q: query
                                    }
                                }
                            },
                            schema: {
                                data: "data",
                                total: "total"
                            }
                        },
                        height: h,
                        width: "auto",
                        scrollable: {virtual: true},
                        selectable: "row"
                    });

If on the first request of the data source (page=1, skip=0, take=100) the total is 200 and on the second request (page=2, skip=100, take=100) the total is 202, the data source never makes a third request as it has reached the initial 200 records.

Any ideas how i can work around this issue?
Tony

We just update all use of our Kendo control to use "kendo.destroy(context)"

Combobox, datepicker don't show any leak now

But we see that splitter still have some leak.

In ajax we refresh some information in our page, and remove the splitter each time.

In debug we check that "kendo.destroy" was call before we remove the DIV that was made into splitter.

If we just remove the call to kendo.splitter we don't have leak.

Thanks