Questions on Kendo UI for jQuery Forum

2 answers

311 views

Kendo Grid selected row grid to form control

Hi,

I am trying to load a html form just below the kendo grid for edit from the selected Kendo Grid row. I am able to get the selected grid row using events and dataitem. ( var dataItem = this.dataItem($(e.currentTarget).closest("tr"));)

How do we bind it to the editable html form? Do we have any functionality like gridtoform? Is there any demo related to this?

Grid

answered on 25 Feb 2013

1 answer

82 views

ListView doesn't work properly on navigating to other external pages

Hello Kendo Admin,

            Scenario;
                          I'm using a listview and after it loads the page on my android 2.3.3. I have noticed that the ">" on the grid sometimes shows up and sometimes DOESN'T shows up.

             Problem:
                        I've notice that when the ">" sign on the grid doesn't shows up. The listview is LOCK and I can't navigate to other pages. But, when it shows up. I can navigate to othere pages and works smoothly. I have NO CONTROL on why is this happend?

             I have attached the screen shot and it's in listview.zip. The source code is in index1.zip.

   Please help..

Thanks

ListView (Mobile)

answered on 25 Feb 2013

2 answers

159 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

48 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

158 views

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

99 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

63 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

147 views

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

152 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