I am attempting to use the kendoui window in an mvc3 project I am working on.

Scenario is I am wanting to use the window as nice way to insert data and validate the data clientside before sending back to the server.

The window contains it's own form and I am trying to post the data back to the server via ajax.


The form isn't anything special standard asp.net mvc stuff



I have tried added reference to the validation scripts

However......everytime I try submit the form validation is always telling me its valid even tho I know its not.

Is there something special I need to do so I can enable clientside validation in the window?

I have a chart that is using a datasource which queries a web service based on a time range selected by the user.  The web service is set to limit the results to a maximum of 800 values.  In IE9 it is no problem and the request duration for a query takes 203ms with a content length of 100264.  The same query in IE8 results in a a script error on the page "A script on this page is causing Internet Explorer to run slowly".  Is there any guidance on datasource response size limitations with IE8?

Hi,

I am evaluating Kendo ui by building a prototype in work.  I am running into an issue where I can't seem to reuse datasources  in global scope.  I was hoping to define my datasources once and instantiate 1 remote datasource for each data model the app needs.  My content loads and unloads (via ajax) inside a div and widgets (mostly grids) are swapped in and out and bind to whatever datasources they need.  I expected the instances of these widgets would be cleaned up as the content pane is being destroyed and re-created.  It seems that even though the DOM elements are being removed the grid instances are remaining. So every time the same content pane is loaded in the same session, a new instance of the grid is created and never goes away. When the user visits the same content pane over and over he creates more and more invisible grid instances.   I proved this by putting break points in the refresh function of the grid. Grids that are no longer visible are still listening for data updates and drawing on every datasource change event. These objects don't go away until I refresh the page or close it.   It would seem that datasources hold references to the widget objects they are bound to and prevent them from getting picked up by the garbage collector (I tested several browsers all with the same results).

The only way I can seem to fix this is to take the datasources out of the global space.  If I put the creation of the datasource in the content pages with the widgets then the datasources and widgets are cleaned up the next time the user loads the content pane.  But the problem is now I have to rewrite the datasource signature for every content page that looks at the same data.   

I guess my first question is:  Is there some trick I'm missing for using global datasources?  Is there some kind of resource flush that I didn't see in the documentation?

If not is there a best practice for sharing datasources with widgets that care created and destroyed on the same page?  (single page application)



Thanks 
Mike V-C

Hello Kendo,

I was really excited about trying the Kendo mobile UI demos, but why do the demos display the virutal mobile device, even on my iPhone?  Can I see how the mobile UI renders the controls natively on my iPhone without the virtual mobile device?

Thank you.

Hi,

I am playing with the grid to consume data from a webservice. The webservice accepts only json object. So I try the params "take=5&skip=0&page=1&pageSize=5" to convert to a json string with parameterMap, but this dosn't work. Are there any emxamples?

Cheers,
George

Hopefully this is a simple question.  I have multiple places on my page which correspond to different items on the page for which a user can attach a file.  I want to have one file upload element on the page and just be able to call it from other elements.

How do I call the click on the element?  I don't see any information in your documentation telling me how to accomplish this.

Can you please give me some example code examples for customising the Filter pop up on a grid.

For example we would like to remove the 'Ends With' option from the first drop down and also is it possible remove the second part of filter argument e.g - remove the AND and second drop down on some of columns. Obviously some colums will be different.

I have a filterable grid that I need to apply filters at the client for all but one column.  I had hoped to be ablt to detect a filter has been applied to or removed from a column but cannot seem to find the feature.

Is it possible or is there something else I can do?

Hi,

Most of the demos shown on this site are nice and pretty but clearly are happy exampleville projects.  Ie one page one control, everything works fast and nice, no problems ( and no real world challenges)...  My intent with this post is not to slam but to encourage.

We've been using Telerik libs for 3+ years  so this question comes from a lot of history putting together a "real world" web site with poly telerik controls...  There is a big difference between a single page, single control demo and a usable site - there were many integration challenge$ to get to a point where I would call our telerik based project a web site.

I love the Kendoui concepts shown here but fear the same steep path of getting a KendoUI based "portal site" running that we went through on the Telerik AJAX .net side ( to be different sites).

Is there an example project available that approximates a web portal wireframe that has multiple Kendoui controls interacting?

My suggestion for a "real world" portal project would minimally consist of:

A menu top bar with multiple items/sub items where the items were data driven (read: role based)
Each of the menu items opens content below the menu w/o a full page reload
   (any sub items shown from the menu float above the content area below the menu control)
One of the menu content pages should contain a data grid with
  - data originating from a SQL database with a 'large' number of records returned (say at least 10K rows)
    ( datasource is anything other than a static XML file someplace)
  - have the data displayed by the grid be the result of > 1 UI selections from controls above the grid
    (say selections from a calendar and from an auto fill control as 'where' conditions)
  - have the grid scale to fit the available space on the screen below the menu and criteria controls
  - have the rows in the grid scale to fit the available number of rows in the grid (no vert scrolls, pagesize adjusts)
  - resize the page, and have the grid resize to fit along with its data.
  - re-apply a new criteria with the UI controls and then have the grid update with a status indicator
  - have the dates in the returned data displayed in MM/DD/YYYY format
  - have the currency data returned formatted in $12.45 format
 - prevent long returned strings from wrapping to another row
 - have the grid columns sort the contents of the grid while maintaining the size and row count of the grid
 - Allow the data in the grid to be exportable
Have this example render in iOS/mobile and Mac and PC desktop browsers with the appropriate view/controls shown.
Have all of the Kendoui controls take their skin/style from a combo box positioned above the menu control

Each of these seemingly "duh" items were painful development mini project$ in the AJAX.net libraries.

Please let me know how I can help with the creation of  demo above  - I am SURE that the above scenario will not be a one hit wonder request- in fact I'd bet that there are a fair number of users thinking of applications along the same lines but haven't gone through assembling the demos shown on your site into a larger project (like what we did on the Telerik AJAX.net side)

Kind Regards,
AJ

I have made a nice grid. Everything was fine until I made it editable.

When clicking in a cell, Firebug showed this error:

model is undefined

In Chrome:

Uncaught TypeError: Cannot call method 'editable' of undefined

After some research, I found the cause of the problem, and its solution. I want to share it here. If someone else faces the same issue, may save a bit of time...

The problem happened because I had a rowTemplate configuration for the grid. When the row is generated by Kendo, it automatically adds a data-id attribute to the table-row (tr) element. To fix the issue, I had to add this to my row template. In my case, the whole row contents are generated by a JavaScript function. I manually added the missing data-id attribute in the tr like this:


Of course, the data-id attribute must have the proper "id" value for that row.

I hope this helps...