Questions on Kendo UI for jQuery Forum

2 answers

612 views

I'm currently working on an MDI style application.

I want the Menu to be displayed on top of the Windows but Kendo is always setting z-index style when the Menu and Window are created.

The z-index of the k-animation-container is always set to 10002. The k-window z-index are set to 10003.

With those z-index, the menu items are always hidden behind the windows.

Is there a way to tell the Menu it should be displayed over the Windows without overwriting kendo's generated style because there's a lot of kendo widget that required a specific z-index and I don't want to create new issue with existing item (like the k-overlay for the modal windows)?

Best regards,

Simon

Menu

answered on 29 May 2013

6 answers

201 views

How to change title of group listview

Problem SOLVED.

Hi.
I have grouped datasource by week day ID.

function regroup() {

if ($("#sel").data("kendoMobileButtonGroup").current().index()==1) {

sttDataSource.filter( { field: "id_wt1", operator: "startswith", value: "1" });

sttDataSource.sort( { field: "dtime", dir: "asc" });

}

else if ($("#sel").data("kendoMobileButtonGroup").current().index()==0) {

sttDataSource.filter( { field: "wdname", operator: "startswith", value: "" });

sttDataSource.sort( {field: "dtime", dir: "asc" });

}

else if ($("#sel").data("kendoMobileButtonGroup").current().index()==2) {

sttDataSource.filter( { field: "id_wt2", operator: "startswith", value: "2" });

sttDataSource.sort( { field: "dtime", dir: "asc" });

}

sttDataSource.group("id_wd");

$("#listv").kendoMobileListView({

dataSource: sttDataSource,

template: $("#sttTemplate").html()

});

}

As result i have {see attached file}.

Before that I have grouped sttDataSource by wdname(name of day). But the days of the week did not match the order such as Monday Tuesday Wednesday, Thursday ... they were sorted by alpabet.. Monday Saturday Sunday Thursday..

How can i change title 1 to Monday, title 2 to Tuesday, title 3 to Wednesday?

ListView (Mobile)

answered on 29 May 2013

3 answers

106 views

Grid filter values above 999 returning zero results

Hey everyone!

I'm dealing with a problem on my grid filter functions. I'm using the DataSourceResults class for PHP to work with an MySQL table.

Sorting and Filtering is actually working fine exept for values above 999. The array that gets send to my server looks as the following:

Array

(

[callback] => jQuery110007109804890166557_1369760652926

[take] => 5

[skip] => 0

[page] => 1

[pageSize] => 5

[filter] => Array

(

[filters] => Array

(

[0] => Array

(

[field] => cID

[operator] => eq

[value] => 1000

)

[logic] => and

)

[_] => 1369760652934

)

jQuery110007109804890166557_1369760652926({"total":0,"data":[]})

Where cID is defined as an smallint(6) unsigned in my database. If I query the SQL statement:

Select cID from ticketing_index WHERE cID = '1000'

I get the right result. Funny thing, everything between 0 and 999 is also working!

What did I miss?

Thank you very much!

Grid

answered on 29 May 2013

1 answer

318 views

Grid Popup Editing - Need Customize layout to have multiple columns in the popup

Hi,

I am using the Grid Popup Editing for one of my implementation. I have a number of fields (around 18) which I would like to arrange in 5 columns having 5 fields in each. After implementing I see all the fields are arranged in one column and you need to scroll down to Save or Cancel.

Is there a way to arrange them in no of columns.

Please find the screenshot attached for better understanding.

Thanks in advance.

Grid

answered on 29 May 2013

6 answers

2.1K+ views

How do I deselect the DropDown list?

When the drop down list is first rendered, it shows that it is a drop down but has no selected value. Once you click the drop down, the available values display and it will default to the selected value. I want to provide a reset button to reset it to it's initial state of "unselected" - is there a way to do this? I tried passing values and selects to non-existent indices and it just ignores these.

DropDownList

answered on 29 May 2013

2 answers

107 views

Is there a difference between kendo.mobile.js and kendo.mobile.min.js?

Hi,

i noticed some funny different behaviours when using kendo.mobile.js and kendo.mobile.min.js (like error's thrown in the .min.js but not in the .js).

Could any one please tell me what's the difference between those two - and please don't tell me the meaning of what minifying is/means or does.
I really want to know if there is a difference between the code of the minified version and the one in the sources-directory.

Best regard

General Discussions

answered on 29 May 2013

5 answers

139 views

Batch editing tabbing defect in ie8

Hi,

To reproduce this problem, please take the following steps.

1) Load the batch editing demo at http://demos.kendoui.com/web/grid/editing.html in IE8.
2) Click the first product name "Chai" so that "Chai" is now an editable textbox.
3) Press the tab key, or rapidly press the tab key in succession.

Expected result:
Next field in column (unit price) is editable and gets focused. This behavior can be seen in chrome.

Actual result:
Table loses focus, first control on page is focused instead.

Grid

answered on 29 May 2013

4 answers

86 views

Does not work on IE7 and IE8

Hi,
I am using Kendo Window and Kendo Panel with version Kendo UI Web v2012.3.1114.
Everything works perfectly in IE9 (when switched compatibility view) and with IE10.
The problem occurs when I use IE 7 or IE8. There does not help neither compatibility view.
Kendo panel looks like it is disabled javascript.

Thanks,
Hapa

General Discussions

answered on 29 May 2013

1 answer

193 views

Kendo ui Grid Grouping and Cell click event is not working

Hi,

I am using kendo latest version - 2013.1.319.340. i have used Grid in one of my view with grouping which throws error - length is null . This happens only in IE8. Working fine in rest of the browser. Could you please let me know how to fix this issue.?
Also i have implemented cell click event in Grid which does not seems to be working in IE9 and latest version of firefox. But works fine in IE8. Please let me know what is the fix for this.

Thank you
Nirmala Shetty

Grid

answered on 29 May 2013

5 answers

217 views

Enabling zoom without enabling unnecessary scroll

I have made an app where I have set data-zoom="true" for some of the views.

Enabling data-zoom then also lets the user scroll horizontally even though the content does not expand beyond the screens horizontal limit.

Is there a way to have data-zoom enabled, but not let the user scroll if the content is "zoomed out"?

(It gets very annoying if the user scrolls to get down the page, and in addition to scrolling downward, the text also moves back and forth horizontally.)

Application

answered on 29 May 2013