Telerik Forums
Kendo UI for jQuery Forum
1 answer
127 views
Hi,

The calendar does not function correctly on mobile devices:
- It skips 2 months instead of 1 when navigating. 
- The month selector is not working, it shows years.

Is use the latest internal build.

Thanks,
Koen

Iliana Dyankova
Telerik team
 answered on 12 Feb 2013
1 answer
466 views
Hello,

I'm programmably initializing the auto complete plugin. Because I'm dynamically building the UI on the client, I'm using the client API, not the MVC server wrappers.  I have this function that does the initialization:

function _initKendo(el) {
$(el).attr("disabled", false).kendoAutoComplete({
dataSource: _members,
dataTextField: "Name",
template: '<span data-id="${ data.UserKey }">${ data.Name }</span>',
minLength: 2
});
}

This approach works great.  If in this routine, I were to do:

$(el).data("kendoAutoComplete");

This works great here too.  _members has data as the selection of a member works.  The problem I am having is later on, when I want to extract information about the selected element, data("kendoAutoComplete") returns undefined.  So when the user submits a form, I block submission normally and send a JQuery AJAX request.  I need to grab the user key from the selected item,  To do this, I did:

var auto = $(f).find(".k-autocomplete").data("kendoAutoComplete"); //f is the form that posted back, it has an autocomplete
var item = auto.ul.find(".k-state-selected > span");

This fails because it can't find the plugin, otherwise I believe it would work.  Why can't my code find the plugin using this approach?  I confirmed $(f).find("k-autocomplete") finds the correct element (the input)...

Dimo
Telerik team
 answered on 12 Feb 2013
1 answer
355 views
I'm using the out-of-the box data annotations and letting MVC handle the client-side validations for me. I'm also using a tabstrip to segregate different sections of input.  However, all of the input is in the same form.

What I've found is that if I go to a different tab other than the first one and trigger the form submit, the validation doesn't fire and the form gets submitted.

Is there any way to avoid this?  How should I be going about it?

Thanks.

-Joe Benckert
Petur Subev
Telerik team
 answered on 12 Feb 2013
1 answer
478 views
Hi,
I need to give a specific class to a row based on some condition, so i used following code to add class to that row

 @(Html.Kendo().Grid((IEnumerable<model>))
                           .Name("ABCDSource")
                           .Columns(columns =>
                           {
                               columns.Bound(d => d.col).Title("col").
                               columns.Bound(d => d.col1).Title("col1");
                               columns.Bound(d => d.col2).Title("col2");
                               columns.Bound(d => d.col3).Title("col3");
                           })
.RowAction(row=>
                               {
                                  
                                   row.HtmlAttributes.Add("style", "background:red;");
                                // "DataItem" is the Order object to which the current row is bound to
                                   if (row.DataItem.Istrueval== true)
                                   {
                                       //Set the background of the entire row
                                       row.HtmlAttributes["style"] = "background-color:blue";
                                       row.HtmlAttributes["class"] = "deleted-row";
                                   }
     
                               })....... 

I have added these properties to the row
1.style and
2. class
but both attributes are not getting applied to that row. And rest of the code don't have any syntactical error.  

Please could you suggest a solution? 

Dimo
Telerik team
 answered on 12 Feb 2013
1 answer
123 views
Hi All,

I wanted to check if you any of you have tried to open external webpage in safari or android browser. All options through href opens it in WebView within the app. I am not able to open it in the browser explicitly. Any ideas?

Thanks
Mahadev
Ivan
Telerik team
 answered on 12 Feb 2013
2 answers
214 views
Hi, I have json data coming back correctly (can see it in fiddler) but I'm not sure how to bind it to kendo charts correctly.

This is how the data is formatted:

[{"Question":"lorem ipsum....?","OptionTitles":["Branch Office 2","Head office"],"OptionCounts":[1,1]}]

The data I want to use for the chart is the option titles for categories and the option counts as the bar/column display. 

The example below is of a bar chart, currently there are no bars and the y axis displays [object Object], maybe I need to drill into the json somehow?
My chart:

 $("#chartBar").kendoChart({
                theme: "metro",
                dataSource: {
                    transport: {
                        read: {
                            url: 'urltodata',
                            dataType: 'json'
                        }
                    }
                },
                series: [{ name: "Stuff", type: "bar", field: "OptionCounts" }],

                categoryAxis: [{ field: "OptionTitles" }],
                line: { visible: false },
                tooltip: { visible: true, format: "{0:00}%" },
                legend: { position: "bottom" }
            });

Many thanks!
Karl
Top achievements
Rank 1
 answered on 12 Feb 2013
3 answers
221 views
Chrome 24.0.1312.57m
KendoUI 2012.3 1315
Using jQuery from KendoUI.

Note: I did not have this issue with previous versions of KendoUI from August/September.

I'm running into a situation where a serverPageable DataSource returns an empty result and still does infinite loops.


From the changelog:
  • Fixed: Combobox falls into infinite loop if DataSource returns an empty result

JSON Data returned by server:
{ data: [], totalCount: 0 }
DataSource definition:
myDS = new kendo.data.DataSource({
        type: "json",
        pageSize: 15,
        serverPaging: true,
        serverFiltering: true,
        transport: {
            read: {
                type: "GET",
                dataType: "json",
                data: {
                    func: "myfunc"
                },
                url: "../myrest/"
            }
        },
        schema: {
            model: {
                id: "MY_ID",
                fields: {
                    MY_ID: { type: "string" },
                    SHORT_DESCRIPTION: { type: "string" }
                }
            },
            data: function(response) {
                return response.data;
            },
            total: function(response) {
                return response.totalCount;
            }
        }
    });
The issue is fixed if I pass a blank object into the data array to get this:
{ data: [{}], totalCount: 0 }


Georgi Krustev
Telerik team
 answered on 12 Feb 2013
3 answers
189 views
I have set up a page using the master page and child page approach, inside my master page I have the following code set up 

//Mobilize me
       window.kendoMobileApplication = new kendo.mobile.Application(document.body);
and this is inside the .net form tag with runat="server"

and I keep getting this message below:

JS Error

Timestamp: 2/8/2013 2:21:49 PM
Error: Error: Your kendo mobile application element does not contain any direct child elements with data-role="view" attribute set. Make sure that you instantiate the mobile application using the correct container.
Source File: http://mysite/scripts/kendo/2012.3.1114/mobile/kendo.mobile.min.js
Line: 13

I remove the form tag, then it works, but I need to have this tag in place as I am using .net controls on the page and they wont run without the form tag being present and the controls inside this tag. Any help ye can give on this would be appreciated.
Alexander Valchev
Telerik team
 answered on 12 Feb 2013
1 answer
349 views
Hello,

When I disable the upload control with upload.disable(), the button is indeed disabled, but I can still drag and drop files. I think drag and drop should also be disabled?

Regards, Jaap
Dimiter Madjarov
Telerik team
 answered on 12 Feb 2013
3 answers
2.7K+ views
Hi,

I'm evaluating the Kendo UI Web and my customer would like to emulate the functionality as shown in the demo here http://demos.kendoui.com/web/grid/index.html

We like to have a settings button which displays a list of available columns in the grid and show/hide them from there instead of the column menu on each column. I understand the functionality in the demo is a image mockup, however, my client would like this functionality after seeing this.

  1. How can I reference the grid externally or through a header 'settings' option and manipulate its columns visibility?
  2. Also, is there a way to save these settings per user and pre-load the grid with their choices of columns?

Thank you!
-Vik M


Alexander Valchev
Telerik team
 answered on 12 Feb 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?