Questions on Kendo UI for jQuery Forum

6 answers

86 views

I am using declarative binding like so:
<div id="main" data-role="view" data-model="viewModel">
Foo: <span data-bind="text: bar"></span>
</div>

Since I specified data-model I would expect 'bar' to be binded, but that's not the case. It doesn't work.

It only comes together when I call kendo.bind('#main', viewModel).

Do I always need to call kendo.bind() for all of my viewModels to work?

MVVM

answered on 29 May 2013

4 answers

88 views

Maintaining views in Multiple html files throwing error

Hi,

I am trying to maintain views in multiple html files so that different pages does not redefine references to the Kendo UI Mobile script or CSS resources like

<script src="lib/jquery-1.8.3.js"></script>
<script src="lib/kendo.mobile.min.js"></script>
<link href="lib/styles/kendo.mobile.all.min.css" rel="stylesheet" />

But when references are not added to different html files, the styling does not work and gives the error "Uncaught ReferenceError: kendo is not defined ".

PFA the sample application in which i am trying to maintain views in multiple html files.

Any help for the resolution of the error will be most appreciated.

General Discussions

answered on 29 May 2013

1 answer

97 views

cascading combobox work with ASMX

hi,

because our team still relies on the traditional web service (ASMX) to get data. can anyone kindly advise how to integrate the cascading combo with ASMX service?

my code doesn't seem to work, found many 'undefined' in the dropdown list.

View

var categories = $("#cmbWidgetCat1").kendoComboBox({

dataTextField: "Display",

dataValueField: "Value",

dataSource: {

type: "json",

transport: {

read: wsPath + "/GetTabItems"

}

}).data("kendoComboBox");

ASMX

[WebMethod(EnableSession = true)]

[ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = true)]

public WidgetComboItem[] GetTabItems()

{

return new List<WidgetComboItem>

{

new WidgetComboItem {Display = "System Info", Value = "1"},

new WidgetComboItem {Display = "Datasets", Value = "2"},

new WidgetComboItem {Display = "Charts", Value = "3"},

}.ToArray();

}

Thanks in advance!

ComboBox

answered on 29 May 2013

0 answers

79 views

ASP.NET MVC model binding

Hi! We want to use treeview with strongly-typed model binding.
Is it possible to submit and bind dynamically added treeview nodes with model? Thanks!

TreeView

asked on 29 May 2013

2 answers

62 views

(bug?) scatter chart loses content on .refresh()

Here refresh() is called on window resize:
http://70.43.83.4/test/scatter/date-axis.html
But refresh() would fail the same way even if the new height is not set.

It works fine when data is set via datasource (commented out), but then multiple series with different data cannot be set.

Charts

answered on 29 May 2013

2 answers

558 views

Menu always under the windows

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

194 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

97 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

291 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