Questions on Kendo UI for jQuery Forum

2 answers

210 views

Cascading ComboBox with local data

I tried to follow Cascading ComboBoxes, but I cannot make it work. The code is as follows...

<input id="cmb21a" />

<input id="cmb21b" />

<script>

$("#cmb21a").kendoComboBox({

dataTextField: "name",

dataTextValue: "parentID",

dataSource: {

data: [

{ parentID: 1, name: "P1" },

{ parentID: 2, name: "P2" },

{ parentID: 3, name: "P3" }

]

}

});

$("#cmb21b").kendoComboBox({

cascadeFrom: "cmb21a",

dataTextField: "name",

dataTextValue: "id",

dataSource: {

data: [

{ parentID: 1, id: 11, name: "P1a"},

{ parentID: 1, id: 12, name: "P1b" },

{ parentID: 1, id: 13, name: "P1c" },

{ parentID: 2, id: 21, name: "P2a" },

{ parentID: 2, id: 22, name: "P2b" },

{ parentID: 2, id: 23, name: "P2c" },

{ parentID: 3, id: 31, name: "P3a" },

{ parentID: 3, id: 32, name: "P3b" }

]

}

});

</script>

Something seems to be missing. After loading the first combobox contains all data, the second combobox is disabled. When selecting a value from the first combobox, the second combobox shows a spinning icon, looping forever.

Michael G. Schneider

ComboBox

answered on 25 Feb 2013

2 answers

75 views

is scroller supposed to work on windows phone?

Hello,

I have a page that incorporate the scroller and it seems not to be working on windows phone 7.5 in internet explorer.

is it the intended behaviour?

ScrollView (Mobile)

answered on 25 Feb 2013

2 answers

189 views

[Solved] Auto-binding a ListView to a DataSource always calls remote service, even if it already has data loaded

We have a DataSource bound to remote service. If we call the query function from one view, and then navigate to a view that has a ListView that auto-binds to the same DataSource, it always calls the remote service again, even if the DataSource already has data loaded. We would expect it to bind to the DataSource and use the data that is already loaded, rather than make the same call back to the remote server again.

We have found a workaround, in that we can disable auto-binding and call the refresh function on the ListView in the init event of the view, but that does not seem ideal, when really all we want it to do is auto-bind the ListView to the DataSource, and only fetch data if it is not loaded yet.

Jonathan Marston

ListView (Mobile)

answered on 25 Feb 2013

2 answers

128 views

Fixed headers and infinite scrolling with remote data source do not play well together

We are using a ListView with fixed headers and infinite scrolling enabled, bound to a DataSource with server paging enabled. When scrolling down beyond the first page of data the headers get out of sync with the data below, and eventually appear to stop updating altogether.

Is there something special we need to do here, or is this not a supported scenario at all?

Jonathan Marston

ListView (Mobile)

answered on 25 Feb 2013

2 answers

89 views

Error in ListView when query() called on bound DataSource without specifying group

There is a bug in the ListView that causes a JavaScript error and failed refresh when the query function is called on a bound DataSource without specifying the "group" option. Here is a jsFiddle to demonstrate: http://jsfiddle.net/JNP7Z/.

According to the docs you should not have to specify grouping when calling the query function.

Jonathan Marston

ListView (Mobile)

answered on 25 Feb 2013

1 answer

188 views

[Solved] Horizontal Scroll in KendoUI Mobile

Hello, I am using a KendoUI Grid in a KendoUI Mobile application and the pagination line makes a <br /> due to the width of the application and the width of the grid. I would like to use a horizontal scroll to fix this problem.

Here I attached an image to see the problem.

Thanks!

General Discussions

answered on 25 Feb 2013

1 answer

178 views

modal window closing issue

I have a grid and a custom button column. I am calling an another .Net page which has another kendo grid.

{command: { text:

"Devices", click: ShowDevicePage }, title: " ", width: "120px" },

function ShowDevicePage(e) {

e.preventDefault();

var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
var url = "AssignDevice.aspx?DRC=" + dataItem.id;

$(document.body).append('<div id="myDynamicWindow"></div>');

var wnd = $("#myDynamicWindow").data("kendoWindow");

                        wnd = $("#myDynamicWindow").kendoWindow({
                            title: "Devices",
                            content: url,
                            width: "950",
                            height: "450",
                            visible: false,
                            modal: true,

                            close: function () {

        //Refresh the Grid
                                var childGrid = $(e.delegateTarget).closest(".k-grid").kendoGrid().data("kendoGrid");
                                childGrid.dataSource.read();

                                $(e.delegateTarget).closest(".k-grid").kendoGrid().data("kendoGrid").refresh();

                            }

}).data("kendoWindow");

                                wnd.center();
                                wnd.open();
                    } //ShowDevicePage

On close of the modal Window I need to reload the Grid which is in the calling page. How do i do that?

Grid

answered on 25 Feb 2013

1 answer

1.3K+ views

Disable TabStrip

How would I disable the tabstrip based on whether a checkbox is checked or not? Is there a way to disable the entire strip or do you need to loop through the tabs and disable each?

A code snippet would be greatly appreciated.

TabStrip

answered on 25 Feb 2013

1 answer

196 views

can't set/search default dropdown value

I'm using the following

.DropDownListFor(m => m.countryId)
.DataSourceAction("GetSomething")
.DataSourceController("SomethingMethod")
.IsEnabled(true)
.Name("Something")
.OptionLabel(this.LocalResources("OptionSelect"))
.ServerFiltering(true))

I'm trying to use the search / select functions on the dropdown but when I do a console log of the dropdownlist obj I don't see it in there

_arrow: p.fn.p.init[1]
_busy: null
_current: p.fn.p.init[1]
_events: Object
_fetch: false
_focused: p.fn.p.init[1]
_inputWrapper: p.fn.p.init[1]
_old: ""
_oldIndex: 0
_refreshHandler: function (){return a.apply(c,e.concat(k.call(arguments)))}
_requestStartHandler: function (){return a.apply(c,e.concat(k.call(arguments)))}
_text: function anonymous(d) {
_touchScroller: false
_value: function anonymous(d) {
_word: ""
dataSource: o.extend.init
element: p.fn.p.init[1]
list: p.fn.p.init[1]
options: Object
popup: e.extend.init
selectedIndex: 0
span: p.fn.p.init[1]
template: function anonymous(data) {
ul: p.fn.p.init[1]
wrapper: p.fn.p.init[1]
__proto__: b

 var dropdownlist = $("#country").data("kendoDropDownList");
    dropdownlist.select("United States");
    
TypeError: Object United States has no method 'hasClass'
arguments: Array[2]
get message: function () { [native code] }
get stack: function () { [native code] }
set message: function () { [native code] }
set stack: function () { [native code] }
type: "undefined_method"
__proto__: Error

DropDownList

answered on 25 Feb 2013

1 answer

188 views

[Solved] Custom Editor as kendoAutoComplete in Grid ,focus and keyboard navigation not working properly

I am trying to use the custom editor function of the grid to show a kendoAutoComplete control ..Please find the example attached for the same ..i am facing issue with focus and the keyboard navigation's like "tab".
Issue 1: After loading when we click on the cell it should convert to a kendoAutoComplete control .after typing some text .if i click again on the cell it is losing the focus, now if i have to modify the entered text its not possible.
Issue 2:After entering some text if i want to go to next column using key tab or any another key combination --not able to do that ..

please assist me on this..

Thanks in advance

Grid

answered on 25 Feb 2013