Questions on Kendo UI for jQuery Forum

4 answers

367 views

[Solved] How to "extend" dataBound event

Throughout he application, we have several Kendo Grids. Some have functionality attached to the dataBound event, some do not. How can I extend the dataBound event to always call some functionality without discarding the functionality added to specific grids.

Let's say I have two grids, 'grid-a' and 'grid-b'. 'grid-a' has functionality associated with its dataBound event (call it gridASpecialFunction). I also want to globally always call a function on dataBound of all grids (call it updateGridLookAndFeel). How can I make sure I always call updateGridLookAndFeel for all grids without having to add it to each grid's dataBound event individually. Also I don't want to discard any existing dataBound event functionality (gridASpecialFunction).

Note, updateGridLookAndFeel should be called after any local functionality.

Thanks,
--Ed

Grid

answered on 26 Feb 2014

9 answers

277 views

Update to 2013.3.1316 now gets "undefined" in input control

The following worked fine when using 2013.2.918.
I use TypeScript and The dropdown control creates fine and the drop down list of choices properly reflect the values in the data source.

I've broken it down to:
this.control = jQuery('<input id="' + this.id + '" ></input>');
var data: Array<Object> = new Array<Object>();
data.push({ data: 'red', label: 'Red' });
data.push({ data: 'green', label: 'Green' });
data.push({ data: 'blue', label: 'Blue' });

this.menu = new kendo.ui.DropDownList(this.control.get(0), {
dataTextField : "label",
dataValueField : "data",
dataSource : data,//this.dataSource,
change : jQuery.proxy(this.onChange, this)
});

Red, Green, Blue are in the list, but the button/input items just shows "undefined" when initially displayed and when any of the items in the drop down menu are selected.

When an item does change, the select() is correct that corresponds to the currently selected item in the drop down list. Further, setting (select(index) ) works as well; the given index is selected in the drop down list. Just the label in the button/input control always says "undefined".

The original code creates a DataSource and data is added to that control, but that does it as well. The code above is a simpler example of the issue.

As I said, all this worked under an earlier version of Kendo.

Screen shot attached.

DropDownList

answered on 26 Feb 2014

1 answer

145 views

[Solved] Navigate backwards multiple steps or how to modify the back stack

When having

var app = new kendo.mobile.Application(document.body, {});

you can navigate backwards to the previous view by

app.navigate("#:back");

which is very useful.

How can I step backwards two steps? And can I remove entries from the "back stack" manually?

General Discussions

answered on 26 Feb 2014

4 answers

889 views

Hide column at runtime

Hi,
Is there a way out to hide column at definition time itself ? Say, a variable contains true/false value that determines if a column is to be shown/hidden.
Any template or anything ? I use the the client side scripting.
I know this one,
but it is on user action, i would like to hide/show columns at time of definition itself.

Grid

answered on 26 Feb 2014

3 answers

3.9K+ views

How to bind JSON data with Kendo Grid

Using MY WCF Service I am exposing JSON data.

[OperationContract]

[WebGet(ResponseFormat=WebMessageFormat.Json)]

List<ProductDetails> GetProductDetails();

The sample of JSON data returned is :

{"d":[{"_type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":11,"UnitPrice":14.0000,"quanity":12},{"_type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":42,"UnitPrice":9.8000,"quanity":10},{"_type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10248,"ProductId":72,"UnitPrice":34.8000,"quanity":5},{"_type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10249,"ProductId":14,"UnitPrice":18.6000,"quanity":9},{"__type":"ProductDetails:#NWProducts","Discount":0,"OrderId":10249,"ProductId":51,"UnitPrice":42.4000,"quanity":40}

Trying to bind that to Kendo Grid using :

<script type="text/javascript">

$(document).ready(function () {

$("#grid").kendoGrid({

dataSource: {

type: "json",

transport: {

read: function (options) {

$.ajax({

url: "http://localhost/KendoServices/Web/GetProductDetails",

dataType: "json",

success: function (result) {

options.success(result);

}

});

},

batch: true,

schema: {

type: 'json',

model: {

id: "OrderId",

fields: {

OrderId: { type: "string" },

ProductId: { type: "string" },

UnitPrice: { type: "string" },

quanity: { type: "string" },

Discount: { type: "string" }

}

},

pageSize: 10

},

height: 430,

filterable: true,

groupable: true,

sortable: true,

pageable: true,

columns: [{

field: "OrderId",

title: "OrderId",

width: 140

}, {

field: "ProductId",

title: "ProductId",

width: 190

}, {

field: "UnitPrice",

title: "UnitPrice"

}, {

field: "quanity",

width: 110

},{

field: "Discount",

width: 110

}]

});

</script>

But not able to bind the data to Grid. I think it's not even accessing the service.

Where am I doing wrong?

Data Source

answered on 26 Feb 2014

3 answers

70 views

Unable to get property min error

Hi,

Please see attached image. When I try to load the grid, it throws "Unable to get property min of null reference.". Please let us know what is the fix for this, as this is not always thrown. But, we are not able to get the scenario for this error.

Thanks,
Shobana

Grid

answered on 26 Feb 2014

1 answer

154 views

Time Range Requests for Scheduler

Hi Guys
I am currently validating the scheduler widget and it looks to me, like the datasource always requests the whole
calendar. We are actually storing millions of terms on the server side, so there must be a way to, lets say, just showing the terms of a
day, week, month or the like. I couldn't find any query parameter or post data when the datasource actually calls the read url.
Is there any way to constraint the time range for a read request of terms?

Best regards
Samuel

Data Source

answered on 26 Feb 2014

1 answer

130 views

Pop-up custom editor on Batch edit grid?

Hi - I have a grid that I want to have batch edit on. One field is to select schools that a user has access to see, and I want to do some kind of multi-select for that. I wanted to do a drop-down, but can't do multi-select of course. So, I'm looking at doing a multi-select, but would like it to be in a pop-up window to make it easier for the user to see. I think I can give them more room to see their choices as compared to a grid column. Does that makes sense as an approach, and can it be done?

Thanks

Lisa

Grid

answered on 26 Feb 2014

4 answers

144 views

[Solved] Add pager items to tab order via dataBound not working

I'm trying to add the pager items in my grid to the tab order (to satisfy a11y issues logged by a11y group). Since I need to have the pager items added to the DOM first, I am hooking this into the dataBound event (b/c I couldn't find another event that was a better choice). The problem is that the pager items' tab order isn't being updated. Any ideas why?

dataBound: function (e) {
$('#' + e.sender.element[0].id + '>div[data-role=pager]>a.k-link').attr('tabindex', '0');
},

Thanks,
--Ed

Grid

answered on 26 Feb 2014

1 answer

135 views

Rotating device resets scroll position

I'm not sure if it's a ScrollView issue, please move the thread if this is the wrong sub forum.

When rotating a device after scrolling down a page a bit, Kendo always resets the view to 0,0. We are currently building an App where users are going to read larger pages with some scrollable content, and beta testers have already reported this as being very annoying.

Is there a way to prevent this form happening?

Thanks in advance,
Roman

ScrollView (Mobile)

answered on 26 Feb 2014