Hi,

I had been using Sinatra pumping JSON to jqGgrid so I know my App works great. I decided to try out this Kendo UI as it reminds me of ExtJS which I have used extensively.

I setup a simple datasource pointing to my route supplying JSON

 
And then a super simple grid:


This setup never calls the route for the data? The data source is thus empty, and hence the grid throws an error. 

I see nothing wrong, but then again, I have only used this KendoUI for 10 minutes. What am I missing here. Seems loading a datasource remotely like that should just work, but my route for the data is not even hit... 

If I change my grid to use dataSource: {data: ds:read()} then the ajax fires off and a nice string of JSON comes along, but nothing gets rendered in the grid. 

Kinda demoralizing when the basic do not work. Anyone have a hint or tip???

I'm working on a mobile app where the user selects a Shop in the first view and then the second view displays an Order form specific to that shop.  

The order form can be quite long (100's of products) so my plan is to only show product categories as PanelBar items and then load the products for that category (on demand) when the user expands the PanelBar item. Only one Category panel would be expanded at a time to keep the order form manageable on the screen.

My question is about how to replace the PanelBar data when the user goes back and selects another Shop (ie I'm loading a different order form)?  Removing all items seems to work fine but I can't seem to append the new items to the panel bar if it is empty?

Am I missing something or can anyone suggest a better approach?  I've got this working with a JQuery UI Accordian and KnockoutJS but performance is a little average - so I'm trying Kendo as an alternative.

Thanks for any comments.

The k-textbox primitive is not the same width as the combobox, dropdownlist, or numeric textbox. It would be nice if all the kendo primitives/widgets gave a uniform look out of the box.

Hi. Before I spend days trying to figure this out, can somebody point me in the right direction?

Is it possible to perform validation on a grid (bound to remote data) that takes aggregate values into account?

For example, I have a grid that with columns for Monday through Sunday.  Each row can have a value for each day and there are aggregates for each day.

When adding a new row, I don't want the total for any day to exceed a set figure.

Is this possible, and if so, where do I start?

Thanks in advance.
 

I have the following jsFiddle project: http://jsfiddle.net/wCB5a/1/  of my failed attempt.

I'm trying to make a  legend item a hyperlink to navigate to a product page within our site.  Is there a way to make a Legend Item a hyperlink? If so how?

What would be the recommended option from the following? A MVC form contains a number of grids some with checkboxes and some with the standard input elements. All of these form components should be validated together and submitted back to the server in one go. Would templates for the grids be possible and best? With templates I can specify the input element names such that collections are populated automatically by the MVC binder for my action method parameter object e.g. <input name="myobjectscollection" type="checkbox"/> Or would converting the entire form to json and sending that be the best way to go? I suspect there is not much difference if both are possible but I want to check if I've missed something.

If I define my dropdown like this
Then the resulting kendodropdown has "mycustomclass" applied to it's wrapper div

However, not the case with the combobox...and it should, really they're close to the same control (from a UI look\feel)

(**edit** it'd also be nice if that class could be applied to the dropdown animation container if possible, I'd like to style that easily and independently)

Hello sir,

detail of column data are large that's why my data content are not display complete it trunk at detail e.g Name Column inside Name is displaying like that vangashkumar mat...

any solution for that

Thanks in advance.
Rz 

Hi All,

I am facing one strange issue while using AutoComplete control within div.

This div I am parsing as below:
// Setup Modals
[code]
                    $('#b-add-domain').bind('click', function(event)
                    {
                        event.preventDefault();

                        var $editModalHTML = $('#add-domain-modal').html();

                        $(this).colorbox(
                        {
                            html:$editModalHTML,
                            width:'255',
                            maxHeight:'700',
                            opacity:'0.65',
                            transition:'fade',
                            onLoad: function(){
                                $('#cboxClose').remove(); // remove the close button
                            },
                            onComplete: function(){
                                // setup scripting for modal
                                $('select').kendoComboBox();

                                //$('#account_no1').kendoAutoComplete();

                                // cancel modal buttons
                                $('.cancel-modal').bind('click', function(event){
                                    event.preventDefault();
                                    $.colorbox.close();
                                });

                                alert($editModalHTML);
                            }


                        });
    [/code]                   
If I will keep my auto-complete control outside of this div then its working fine.

Please suggest solution for this.

2 grids where 1 grid is populated with remote data and it is editable. On editing the grid by either adding a new record or changing an existing I'd like to update the other grid automatically. Is this possible?

The scenario is where the 2nd grid's columns comprise the data in the first column of the first grid so any changes to the first grid need to be displayed in the second as soon as possible. I've tried a few things and come up with a boolean flag which gets set on edit of the first and then the 2nd gets refreshed if the user tries to edit it but this is far from intuitive.

Thanks
Matt