Questions on Kendo UI for jQuery Forum

2 answers

96 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

197 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

182 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.4K+ 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

204 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

194 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

4 answers

909 views

Best way to create a picture gallery

I own a small farm and am selling products from my farm to people locally. I am also a software developer familiar with MVC. I would like to create a slide show or other nice looking picture gallery from pictures from our farm. I have looked at the window widget and thought it might be a good start. Does anyone have any suggestions on how to make a nice looking gallery that is not terribly obtrusive?

Thanks,
John

General Discussions

answered on 25 Feb 2013

1 answer

118 views

Changes in data items not propagated into listview items

I'm trying to bind listview items containing checkboxes to observable array. Changes made in checking/unchecking checkboxes in listview are correctly propagated into data items. But when I try to change programatically the data in the array the listview is bound to the change is not propagated back to checkbox.
Here's a simple jsfiddle. The button "Toggle" should change the array data. The view title demonstrates that the changes in checkboxes are correctly propagated into array.

Am I missing something?

Thanks for help.

ListView (Mobile)

answered on 24 Feb 2013

5 answers

2.6K+ views

Kendo Grid add row calls submit changes multiple times

I have a Kendo grid that allows adding a new record. When the user adds a record it not only submits the current new record, but also resubmits all previously submitted new records. That is:

add first new record, submit record 1
add second new record, submit record 1,2
add third new record, submit record 1,2,3
etc.

This quickly creates MANY duplicate records in my DB.

Is this related to "batch"? I have it set "batch: false"

Thanks,
DJo

Edit:
I might have the problem. I'm using parameterMap with a switch on type; case "create" pushes a new object onto a changeSet array then does "return (JSON.stringify({ "changeSet": changeSet }))". I think this might just be building up an array of changes that grows with each create and gets sent each time.
Is it OK to splice the array after the return statement?

Grid