Questions on Kendo UI for jQuery Forum

1 answer

194 views

kendo equivalent of jquery mobile page() for innerHTML

I am trying to migrate a jquery mobile app to kendo mobile.

The app makes extensive use of arbitrary HTML coming in from ajax requests, inserted into the dom using innerHTML, and then when you call $('#somenewcontainer').page(); anything with mobile bindings gets rendered.

For example, injecting the following into the dom using innerHTML:
<div id="somenewcontainer">
<a data-role="button" href="javascript:go();">go</a>
<a data-role="button" href="javascript:go2();">go2</a>
</div>

When i call $('#somenewcontainer').page(), the two buttons get rendered as a mobile buttons.

How, in kendo mobile, do i initialize new dom elements like i can in jquery mobile?

General Discussions

answered on 25 Mar 2013

1 answer

611 views

Input type - Date set value in html

Hi,

I am dynamically adding controls by building the HTML and then inserting it. I need to insert a date input box with a value already selected

strHTML ='<input type="date" id="' + val["ID"] + '" name="Date-' +val["Description"]+ '" datatype="date" att="' + val["ID"] +'" onblur="doneEditing(this)" value ="' + val["value"]+ '"/>';

val["value"] is a valid date string.

What should I do to get this working?

Thank you.

General Discussions

answered on 25 Mar 2013

1 answer

153 views

Combobox dropdown template

I have two questions about styling the Combobox dropdown panel.

First, how would I style the panel with the dropdown values be wider than the text input box?

Second, how can I style the dropdown values to be a table with column headers?

Here's a simple example image I found that illustrates what I'm talking about:

http://i.imgur.com/Uu8Dk2t.png

ComboBox

answered on 25 Mar 2013

1 answer

134 views

Multiple row selection doesn't work well in Safari

If a grid has multiple row selection enabled, you can toggle individual rows on or off using Ctrl-Select. However, on Safari on a Mac Ctrl-Select brings up the browser context menu. It turns out if you click again the selection toggles. This should be changed to follow the Mac paradigm, which I think is Option-Select.

Grid

answered on 25 Mar 2013

2 answers

127 views

[Solved] List view click stops working when databound more than once

I've got 2 list views on my page...

<div id="contents" data-role="view" data-title="Contents" data-layout="main-layout">

<ul id="primaryMenu"></ul>

<ul id="subMenu"></ul>

</div>

and 3 js functions. The first to load the first menu onDeviceReady, the second to load the 2nd list view on click of the first, and the 3rd to load content on click of the 2nd list view.

function loadMenu()

{

var primaryMenu = new kendo.data.DataSource({

transport: {

read: {

url: "http://dsdmservices.azurewebsites.net/dsdmRest.svc/GetPrimaryMenu",

dataType: "json"

}

});

primaryMenu.read();

$("#primaryMenu").kendoMobileListView({

template : "<strong>#:data.MenuTitle#</strong>",

dataSource: primaryMenu,

click: function(e) {

loadSubMenu(e.dataItem.BookMenuID);

}

});

}

function loadSubMenu(bookMenuID)

{

var subMenu = new kendo.data.DataSource({

transport: {

read: {

url: "http://dsdmservices.azurewebsites.net/dsdmRest.svc/GetSubMenu",

dataType: "json",

data: {BookMenuID : bookMenuID},

}

});

subMenu.read();

$("#subMenu").kendoMobileListView({

template : "<i>#:data.MenuTitle#</i>",

dataSource: subMenu,

click: function(e) {

alert(e.dataItem.ChildCount);

if (e.dataItem.ChildCount == 0)

{

loadContent(e.dataItem.BookMenuID);

app.navigate("#content");

}

});

}

function loadContent(bookMenuID)

{

$.ajax({

url: "http://dsdmservices.azurewebsites.net/dsdmRest.svc/GetContent",

dataType: "json",

data: {

BookMenuID: bookMenuID

},

success: function (data, textStatus, jqXHR) {

$('#selectedContent').html(data.Content);

},

error: function (jqXHR, textStatus, errorThrown) {

alert(jqXHR + ', ' + textStatus + ', ' + errorThrown);

}

});

}

The 1st list view loads OK, and you can click on this as many times as you like and the 2nd list view always loads correctly.

However the click event of the 2nd list view only works the first time it is loaded, then each time it is refreshed by clicking on the 1st list view the 2nd list view click event stops working...

Do I need to put something in place to remove the 2nd list view and recreate it?

ListView (Mobile)

answered on 25 Mar 2013

1 answer

179 views

Can I attach a animation one window minimize?

Hi,

Is there a way I can perform an animation effect when a user clicks the minimize button? I would like the window to scroll up when it minimizes rather than just popping.

Window

answered on 25 Mar 2013

3 answers

1.3K+ views

[Solved] kendo.modernizr.custom.js ??

Hi,

I noticed the latest KendoUI Update now includes a new JS Line.

I read previously that modernizr isnt needed for Kendo by highly recommended. Can someone at Telerik give us the just of what this custom Modernizr does. Thanks

<script src="@Url.Content("~/Scripts/kendo.modernizr.custom.js")"></script>

General Discussions

answered on 25 Mar 2013

1 answer

208 views

When Calling sync()

"Object doesn't support property or method 'call'".

I am getting the above error when I try to call the sync method on the DataSource (Kendo UI Complete v2012.3.1315).

I am using the helper functions from Remco's post here:
http://www.kendoui.com/forums/framework/data-source/sharepoint-2010-datasource.aspx

forecastDataSource = new kendo.data.DataSource({

batch: true,

schema: {

id: "Id",

model: {

fields: {

Year: { type: "number" },

Quantity: { type: "number" }

}

},

type: "odata",

transport: {

read: function (options) {

var url = forecastReadUrl;

read(url).done(options.success).fail(options.error);

},

update: function (options) {

requestBatchUpdate(options.data.models, "PAR_Forecast({0})").done(options.success).fail(options.error);

}

},

error: function (e) {

com.showInfoError("Error: ", "Unable to get data for forecast. " + e.errorThrown);

},

requestStart: function (e) {

// handle event

alert("start");

},

requestEnd: function (e) {

}

});

Data Source

answered on 25 Mar 2013

1 answer

71 views

Can be used for mobile phone

Hello,

I wanted to implement something similar to the android options button, which pops down a menu below it of options. Is the Popover component a good one for this, given that I'm building a mobile phone-oriented app?

Thanks.

PopOver (Mobile)

answered on 25 Mar 2013

2 answers

90 views

Kendo grid no longer can be created

After upgrading from v2012.2.913 to v2012.3.1315 my kendo grid no longer draws. I had been using jQuery 1.7.1, but I did try upgrading to 1.9.1. The error is the same. Here's all the info I can give you.

- The error happens inside kendo.draganddrop.js.
- I was using the minified versions, but replaced them with the full version in order to see exactly where the error occurs.
- The error happens at line 555 where the new object is receiving the cancel property.
- I know this because I stepped through everything until that point. Pressing F11 (step into) fails.
- The error is "undefined is not a function"
- "proxy", "that._cancel", and "that" are all defined.
- Google Chrome debugger screenshot attached showing the exact instant before the error occurs.
- Google Chrome error file attached showing what happens when F11 is pressed from this state.

The reason I updated from 1.7.1 is because I found that calling destroy() on a grid was throwing an error. I was going to post a thread on that issue, but thought the answer would be "upgrade" so I tried that first. Now I can't even generate the grid.

Grid

answered on 25 Mar 2013