Questions on Kendo UI for jQuery Forum

5 answers

799 views

DropDownList not populating with Data from Datasource

Called CSS and JS files from telerik

<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.common.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.default.min.css" rel="stylesheet" />

<link href="http://cdn.kendostatic.com/2014.1.416/styles/kendo.mobile.all.min.css" rel="stylesheet" />

<script src="http://cdn.kendostatic.com/2014.1.416/js/jquery.min.js"></script>

<script src="http://cdn.kendostatic.com/2014.1.416/js/kendo.all.min.js"></script>

HTML

<body>

<div style="margin-top: 25px; margin-left: 180px">

<input id="bookyear" style="width: 150px;" />

</div>

<script>

$(document).ready(function () {

$("#bookyear").kendoDropDownList({

dataTextField: "Book",

dataValueField: "RegionSize",

dataSource: {

transport: {

read: {

type: "POST",

contentType: "application/json; charset=utf-8",

//data: "{}",

dataType: "json",

url: "Default2.aspx/GetBooks",

}

});

</script>

<script>

var app = new kendo.mobile.Application(document.body, {

transition: 'slide'

});

//function showLoading() {

// app.showLoading();

// setTimeout(function () {

// app.changeLoadingMessage("Getting Data... Please wait...");

// }, 1000);

//}

</script>

</body>

</html>

The Returned JSON from fiddler

{"d":[{"__type":"SpecMobi.Books","Book":"ABTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"ASPN","RegionSize":"West_Short3"},{"__type":"SpecMobi.Books","Book":"BATE","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"BCTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"BRAN","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"BRBN","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"BVAR","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"CARL","RegionSize":"Texas_Tall2"},{"__type":"SpecMobi.Books","Book":"CEMS","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"CHER","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"CMOK","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"CRAG","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"CRAW","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"CRTH","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"DLTA","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"ENMR","RegionSize":"Texas_Tall2"},{"__type":"SpecMobi.Books","Book":"ESPN","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"ESTE","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"EURE","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"FOUR","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"FTSM","RegionSize":"East_Tall3"},{"__type":"SpecMobi.Books","Book":"GRCT","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"GROV","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"GRTD","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"HARR","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"HOBB","RegionSize":"Texas_Tall2"},{"__type":"SpecMobi.Books","Book":"JBAR","RegionSize":"East_Short3"},{"__type":"SpecMobi.Books","Book":"JPLN","RegionSize":"East_Tall3"},{"__type":"SpecMobi.Books","Book":"KFTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"KVTX","RegionSize":"Texas_Short2"},{"__type":"SpecMobi.Books","Book":"LCVI","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"LHRP","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"LOAL","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"LSVG","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"LUTX","RegionSize":"Texas_Short4"},{"__type":"SpecMobi.Books","Book":"MAYE","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"MCID","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"MGCT","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"MLTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"MONE","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"MOSC","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"NEOS","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"NVDA","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"NWAR","RegionSize":"East_Tall3"},{"__type":"SpecMobi.Books","Book":"ODTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"OXFD","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"OZNX","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"PENV","RegionSize":"Texas_Tall2"},{"__type":"SpecMobi.Books","Book":"PGAR","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"PITT","RegionSize":"East_Tall2"},{"__type":"SpecMobi.Books","Book":"PRSN","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"ROSW","RegionSize":"Texas_Tall2"},{"__type":"SpecMobi.Books","Book":"SARK","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"SNAN","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"SOTX","RegionSize":"Texas_Short2"},{"__type":"SpecMobi.Books","Book":"SPFD","RegionSize":"East_Tall3"},{"__type":"SpecMobi.Books","Book":"SSAR","RegionSize":"East_Short2"},{"__type":"SpecMobi.Books","Book":"STBT","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"STFE","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"SUMM","RegionSize":"West_Short3"},{"__type":"SpecMobi.Books","Book":"SUNV","RegionSize":"West_Short3"},{"__type":"SpecMobi.Books","Book":"SWID","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"TAOS","RegionSize":"West_Tall2"},{"__type":"SpecMobi.Books","Book":"TBTX","RegionSize":"Texas_Tall3"},{"__type":"SpecMobi.Books","Book":"TELL","RegionSize":"West_Short2"},{"__type":"SpecMobi.Books","Book":"VAIL","RegionSize":"West_Short3"},{"__type":"SpecMobi.Books","Book":"WNMR","RegionSize":"Texas_Short2"}]}

The DropDownList is blank, no data. nothing.

what am I missing here

DropDownList

answered on 21 Apr 2014

10 answers

2.7K+ views

Add Custom validation message at runtime

I have a form where I make a call to the server and it gives me an array of errors that contains the key of the field and the message. How can I simply show these messages through the validation widget?

Something like:

validator.AddError("Subject","My custom error from server");

Validation

answered on 21 Apr 2014

1 answer

145 views

Kendo UI Editor AutoSize

Hello, I am fairly new to using Kendo UI in my Asp.Net applications and need some help in using it in my application.

I would like the Editor to be autosize (Expand or shrink depending on the text the user inputs in) and wondering if this functionality exists with the editor or not. If exists, can I be provided with some sample code on doing the same.

I now have a html textarea control and making use of third party jquery plugin for achieving the autosize functionality. Just want to replicate the same using Kendo UI.

Thx.

Editor

answered on 21 Apr 2014

3 answers

1.0K+ views

Hide parts of the Scheduler control

How can I hide everything that is in the header above the calendar of the Scheduler control? (Today, < >, datepicker, Day, Week Month, Agenda)

I would also like to hide the footer that has the Show Business Hours.

Scheduler

answered on 20 Apr 2014

7 answers

394 views

Kendo UI MultiSelect on Grid toolbar in a Tab Strip of Popup Editor.

Hi ,

I am not able to bind or show the Multi Select on Kendo toolbar of Popup Editor(Under the Tab Grid)

Please find the demo here.

http://jsbin.com/kibidipo/6/edit

The Multi Select ID "multiselectfilter" is in Template.

End of the day I want to Show applied filter columns on Grid in a Multiselect as a buttons of filters applied on Grid by using Multiselect selected items.

Kindly let me know if I am in wrong direction or I am if I am not getting control values through use of Template properly.

Thanks,
Chatrapathi chennam

MultiSelect

answered on 18 Apr 2014

1 answer

201 views

Open Add / Edit event on a new page not in pop-up

Hello,

is it possible to open the add/edit event view on a new page? We would like to avoid pop-ups in our application to prevent any user errors.

Thank you,

Jakub

Scheduler

answered on 18 Apr 2014

1 answer

208 views

contain window inside of parent element

Does anyone know how to contain a window widget within a certain div/element tag?

Right now I have been trying to use $("#windowTest").draggable({ containment: $("#windowTest").parent() });, but I am having no luck with this. I would have to assume there is some way to contain a window, especially since it is built into jquery already and when you create a window it gives it a data-role of "draggable" (the correct jquery type).

I have not included any code since all I need to accomplish is keeping windowTest inside containmentDiv.

<div id="containmentDiv">
<div id="windowTest"></div>
</div>

Thanks for any help!

General Discussions

answered on 18 Apr 2014

1 answer

122 views

Kendo UI Mobile Scenarios

Ok so I need some help understanding if this is possible. I would like to have a ASP.NET MVC website using AngularJS + Kendo UI, which I know is feasible. Now I want to create a separate MVC area/routes inside the main website which would be for the mobile optimized views, models and controllers, etc. For instance www.company.com/mobile. Can I use Kendo UI Mobile just for this specific MVC area and make it look and feel like the platform it is running on? For instance use the Mac/Windows/Android view on those pages inside the MVC area. This separate MVC area will not be running AngularJS and be more for a view/read only type scenario. Any input would be appreciated and thanks in advance!

General Discussions

answered on 18 Apr 2014

1 answer

144 views

RangeSlider scale

This is my MVVM definition

<div id="rangeSlider" data-role="rangeslider" data-bind="value: hoursArray, events: { change: setHours }" data-min="0" data-max="23" >

<input type="text" />

</div>

So when it renders I see this (attached)
...how do I get it to show the 0 on the scale instead of nothing?

Slider

answered on 18 Apr 2014

5 answers

178 views

What is the most appropriated and fastest click event ?

I've recently came accross this source: http://blogs.telerik.com/appbuilder/posts/13-11-14/jquery-mobile-and-kendo-ui-mobile---a-dom-omparison

where they say
"Mobile browsers wait 300ms after a tap before firing a click event to ensure the user isn't double tapping to zoom. Because Kendo UI Mobile navigation widgets use a fast click solution, they're instantly activated without the standard delay. This leads to a better user experience as the application feels more responsive.

jQuery Mobile provides a vclick (virtual click) event that attempts to normalize touch and click events in their apps. Instead of listening for click or touch events, you can listen for vclick events to work around the 300ms delay. Whereas Kendo UI Mobile automatically provides a fast click solution, in jQuery Mobile you must explicitly listen for and respond to vclick events."

Is this still accurate ? I can't find any other source about this.

I saw JQuery mobile comes with a "tap" event which seems appropriated. What is the most appropriated and fastest click event ?

Thank you very much

General Discussions

answered on 18 Apr 2014