Questions on Kendo UI for jQuery Forum

1 answer

132 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

178 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

207 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

88 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

1 answer

217 views

When tabbing in row on grid page auto scrolls

I am having an issue when we have a large grid with more rows that will fit on the screen. So then there is a vertical scrollbar in the browser. My page has a header on it above the grid. When I tab in a row, the page automatically scrolls to have the table/grid as the top of the page.

I was able to track this down in the full web file to a function that is called when the cell is edited. The function is focusTable. When called there is code to set the table position and this is causing the auto scrolling. Is there anyway to disable this?

Grid

answered on 25 Mar 2013

2 answers

740 views

[Solved] How do I get the keyup event of a ComboBox?

The ComboBox is done in Razor:

@Html.Kendo().ComboBox()

.Name(id)

.Filter("contains")

.DataTextField("ChoiceValue").DataValueField("ChoiceValue")

.BindTo(inputs.Choices)

.HtmlAttributes(new { @class = classText, data_validation = inputs.Validation })

If I use inline javascript, it works:

var input = $('#id').data('kendoComboBox').input;

input.bind({ keyup: function () { doStuff('test'); } });

But if I reference a separate file, I get this error: Uncaught TypeError: Cannot read property 'input' of undefined

How can I get this to work using a separate .js file?

ComboBox

answered on 25 Mar 2013

5 answers

296 views

Error in formatNumber when using specific custom number format

Hello,

The formatNumber function gives an error when you try to format a number with a custom number format 0.####
The problem is that there are no zeros after the decimalseparator.
I have fixed it in the Kendo code, but not sure if I may post that here on the forum.

Also, looking to the code, I think there is an issue, when you have a number 1.23456 and you want to format it with 0.0##. You will get 1.23456 instead of 1.235.

Regards, Jaap

Globalization

answered on 25 Mar 2013