A touch event can be handle by:


How can do use binding to connect this to a object's method?  Something akin to the following:


Thanks.

Life Cycle question

I have a standard grid on a page. The grid has templates that generate some Html.

I try to modify the html the grid generated with jQuery in the Document Ready function, but the elements are not there when I attempt the blow javascript. I am guessing I am trying to early in the life cycle? If so, how do I modify internal html elements using jQuery? Note that if I manually run the script in FF's FireBug after the page is all ready, it works fine.
 

I have a large number (100+) of grids in my application.  May of which are bound to <table> elements via the use of the data-field attribute on the headers of the table.  The tables all scroll.  What I'd like to do now is specify the width of just a few columns in each table, these are mainly columns that the fixed table layout makes too wide, columns containing just icons or block of colour designating a status of some sort.  I have tried the following...

- Adding a width to the header column - unfortunately the header styles don't get copied to data table so we end up with the headers being the correct size but the data columns not lining up

- Adding a colgroup with widths to the table - this does seem to work in isolation, the colgroup gets copied between the two tables, however, when this method is used inside the Durandal spa framework the colgroup is not yet in the DOM when Kendo does it's thing and is therefore not picked up

- Adding the columns property to the initialisation of the grid in js and specifying width there - this always works, however, doing this for all of my grids, none of which specify the columns property currently, is a much bigger overhead than I'd like and it presents a maintenance headache going forward (plus, I'd rather not specify styling in js)

- Adding a data-width to the th and adding this to the columns collection on dataBinding or dataBound - This doesn't seem to work which is a shame as adding a simple event handler to each grid that picks up on a data attribute, much like the data-field attribute we already use would be a perfect solution in many ways.

I think the dataBinding or dataBound solution may be the way to go, I'm just not sure how to re-size columns in either of those event handlers.  I've  created a small fiddle with which I've been experimenting and any guidance would be greatly appreciated.

 

Hey,

I have an observable object looking something like this:

So far so good. No I want to use this filtered array in a source binding (to generate a table, say) and I want to to the following:

Where availableDescription is an array contained in my viewModel.
This generates an error (Uncaught TypeError: Object [object Array] has no method 'parent' )

Apparently kendo is resolving 'availableDescriptions' by calling 'parent()' on the observable array that is the context for my template. To work around this I changed my implementation of filteredArray to look like this:

It works, but isn't particularly graceful. Is there a better way to do this ?

Hi, Foreign key columns in the grid are not being grouped by text rather by foreign key id. Any recommendations as to how can we group by text of the foreign key col.

Thanks

I have created a list view and when you click on one of the objects it opens a further details page.
This works ok except that the button on the details page is only showing text.
The following is an example so if you click on one of the objects in the list view the next page the word Website should be a button.
http://jsbin.com/edaciy/1
The following is the code
http://jsbin.com/edaciy/1/edit
Thanks.

Everything on my grid is working great except when they click update and then cancel they get an error. "Unexpected number"

Here is the code. the functions applist, companylist, etc just populate the edit dropdowns. They seem to be generaign find though. Any ideas?

Hi,

I wish to create a combobox which when user enter 3 character
then the data source retrieve filtered data from server with the POST variable of keyword.

But i cant make the data source retrieve new data with combobox text, here is my code:

Having an issue with data binding and click events being fired multiple times.

I have a master view object that binds data to a view on init.

View.prototype.init = function (e)
{
this.id = e.view.id;
this.elm = e.view.element;
this.view = e.view;
        
this.view.bind('show', this.show.bind(this));
this.view.bind('hide', this.hide.bind(this));
        
kendo.bind(this.elm, this.data, kendo.mobile.ui);
};

For some reason click events are being fired twice.

Using the layout template where I have the following markup

if you select the back button the first time the page loads you get Uncaught TypeError: Cannot call method 'split' of undefined - I guess as there is nothign to go back to, how can I disable this button until there is something to go back to?