I placed a table in my html:

and then called the grid:

when I run the page I get this error: Uncaught TypeError: Object #<Object> has no method 'isRtl'
I did originally have this connecting to my datasource, but I removed that to see if maybe the datasource was causing the error, but even at this bare-bones I'm still getting the issue.

I'm fairly new to Kendo so I'm not sure what else I need to supply to give you an idea of what might be wrong, so if you need more info please let me know and I'll supply it!

Thanks!

We are in the process of migrating from the MVC Extensions to the Kendo MVC wrappers.

We are using Server-side binding on grids, and in the old MVC Extensions, the basic CRUD methods passed the datakey as a generic "id" parameter, regardless of the actual key field name.  In the Kendo wrappers it uses the actual key field name, e.g. orderID.  

e.g. our old code would be something like 
(View)
.DataKeys(dataKeys => dataKeys.Add(model => model.orderId))
(Controller)
public ActionResult Delete(int id) {}

It appears we have to change them to use the actual field name, e.g.
(View)
.DataSource(source => source.Server()
....Model(model =>{model.Id(o => o.OrderID);})  )        
(Controller)
public ActionResult Delete(int orderID){}

Is there a way for me to force it to pass the field name = "id" somehow, e.g. as a parameter on the DataSource .Action ?

Also, we were using  RouteData in some of our code to pass search values back & forth.  With the Kendo MVC wrappers, the RouteData is lost between the controller & view.

Maybe I'm missing some basic difference related to RouteMaps & Kendo MVC?

Thanks for your help.

Hi Guys!

Steps to reproduce:

1. Open Kendo WebDemos->MultiSelect->Basic usage sample
2. Type 'm' in multiselect, three results appear, select first one
3. Type again 'm' in multiselect, NO results display
4. Delete 'm' and retype 'm', two results display

It appears that the multiselect doesnt produce any results on subsequent same letter search.
Is this standard behavior of the Kendo MultiSelect control ?

Cheers!

Hi,
I built the functionality and framework for my mobile application using the MVC model prior to integrating with Kendo UI and therefore every action has it own php page. eg. view.php , delete.php, update.php, reply.php.   I didn't realise that the Kendo UI Mobile would only work with one file using views.  I had read that I can use remote views to link between pages but this doesn't seem to be working well for me.   I have read the documentation but am not sure I fully understand it or even if its correct. Can anyone help with my navigation?

I have an index page as set out below:


I have a listall page which is has the same header and footer as above and then the different central part as set out below:


I have a view page as below:

My Issues are:
1)  When I select theCustomer Messages link on the index page (messages/listall), the # is added automatically to the URL and is causing issues.

2) On the listall page, I select a message in the list and this does not put the # in front of the URL.  This takes me to the view page but does not have the styling of the application applied.  Why is this?

3)  When I select the back button its adds the #, this sometimes works and sometimes doesn't depending on what page Im on.  How can I get it to work for all pages?

4)  As the code from the different pages is being appended to the main index page, when I perform an action, this is executed multiple times and I only want it to perform the operation once. 

Any help would be much appreciated.

Is there a way to just pass content to a window instead of having the window load its data from the element used to initialize it? Right now I'm displaying a window after a user clicks a help link like this:

deleteAttribute = function(evt){
  evt.preventDefault();
  $(evt.target).kendoWindow({
    position: "right",
    height: '100px',
    title: 'Confirm Deletion',
    width: '325px'
  });
  var win = $(evt.target).data('kendoWindow');
  win.content(Mustache.to_html($('#confirmDeleteAttributeTemplate').html(), {id: $(evt.target).closest('li.attribute').attr('id')}));
  win.open();
  win.center();
};

I  want the window to position itself near the delete link...that's why I want to use evt.target to initialize the window. The content of the delete link is an icon. Passing in content using the content method appends the content to the window instead of overwriting it. The window also removes the event target from the DOM???

*** Update
I am now using this code:
deleteAttribute = function(evt){
  evt.preventDefault();
  var win = $('.window').data('kendoWindow');
  if(!win) {
    $('.window').kendoWindow({
      title: 'Confirm Deletion',
      width: '325px',
      height: '100px'
    })
    .data('kendoWindow');
    win = $('.window').data('kendoWindow');
  }
  else {
    win.close();
    win.setOptions({
      title: 'Confirm Deletion',
      width: '325px',
      height: '100px'
    });
  }
  win.content(Mustache.to_html($('#confirmDeleteAttributeTemplate').html(), {id: $(evt.target).closest('li.attribute').attr('id')}));
  win.center();
  win.open();
};
There are more than one link on the page to open a window, so I check for the kendoWindow object first. I think centering the window in the viewport looks the best, but for some reason if this function creates and opens the window, it is centered relative to the document. If this function opens an existing window instead, it is centered in the viewport correctly. Even if the function creates and opens the windows, subsequent invocations center the window in the viewport. I must be missing something here.

Is there a way i can draw Trend Lines on the StockChart control?

Hi All

In my application we are using backbone.js for MV* type functionality.  IT performs navigation events based on hash (#) in a URL.  So for example entering in #profile brings up your profile.  We are using a KendoUI template in a grid (since I couldn't get other templates to work right).  Is there anyway to escape a # that may appear in the template?

I have a line chart that displays some data, this data is collected on a daily basis, so currently I have a chart point for each day. That works fine, however as this data increases I will have some  data sets with many weeks or months worth of data, where as others will only have a few days worth.

What I would like to do is have the chart deal with this dynamically, so if I have, say, over 4 weeks of data, then it should only plot a point for each week (and make this an average of the daily data for that week). If it is less than 4 weeks, plot a point for each day.

Is there an easy way to do this with the charting component, rather than having to pre -process the data before it gets there?

I am using the MVC wrapper.

I would like to implement server paging so I retrieve a subset of data (50 records) from the server a put it into an observable array called self.grdTableData. I then create a Kendo DataSource as follows:

                  var grdTableResults = $("#grdTableResults").data("kendoGrid");

                    var ds = new kendo.data.DataSource({                      
                        data: self.grdTableData, //observableArray
                        serverPaging: true,
                        pageSize: 50,
                        total: joOutput["TotalRecords"], // total count of all data retrieved from table
                        schema: {
                            data: "data",
                            total: "total"
                        }
                    });

                    grdTableResults.setDataSource(ds);

However, when I set the data source, my grid contains the first page of data, but has a rotating stream of circles like it is waiting for something to finish. Further investigating revealed that there was actually an "Uncaught TypeError: cannot read property length of undefined" which pointed to line 4690 of kendo.web.js v2012.3.1114. So I'm wondering what the the value "array" is (any why it's undefined) in this instance with reference to how my data source is being constructed and what, if anything, I'm missing, or misconfiguring while I'm creating the data source so that I can use server paging. Any comments, suggestions, or insights on this are greatly appreciated. Thanks!

I having a problem with the cascade combobox.  Here is the code with the json file.  I get undefined in the dropdown lists

            <div class="demo-section">
                <h2>View Order Details</h2>
                <p>
                    <label for="categories">Categories:</label><input id="categories" style="width: 300px" />
                </p>
                <p>
                    <label for="products">Products:</label><input id="products" disabled="disabled" style="width: 300px" />
                </p>
                <p>
                    <label for="orders">Orders:</label><input id="orders" disabled="disabled" style="width: 300px" />
                </p>

                <button class="k-button" id="get">View Order</button>
            </div>

            <style scoped>
                .demo-section {
                    width: 460px;
                    padding: 30px;
                }
                .demo-section h2 {
                    text-transform: uppercase;
                    font-size: 1.2em;
                    margin-bottom: 30px;
                }
                .demo-section label {
                    display: inline-block;
                    width: 120px;
                    padding-right: 5px;
                    text-align: right;
                }
                .demo-section .k-button {
                    margin: 20px 0 0 125px;
                }
                .k-readonly
                {
                    color: gray;
                }
            </style>

            <script>
                $(document).ready(function() {
                    var categories = $("#categories").kendoComboBox({
                        placeholder: "Select category...",
                        dataTextField: "categories",
                        dataValueField: "id",
                        dataSource: {
                            type: "json",
                            serverFiltering: true,
                            transport: {
                                read: "datasources/categories.json"

                            }
                        }
                    }).data("kendoComboBox");

                    var products = $("#products").kendoComboBox({
                        autoBind: false,
                        cascadeFrom: "categories",
                        placeholder: "Select product...",
                        dataTextField: "ProductName",
                        dataValueField: "Productsku",
                        dataSource: {
                            type: "json",
                            serverFiltering: true,
                            transport: {
                                read: "datasources/offerProducts.json"
                            }
                        }
                    }).data("kendoComboBox");


JSON

[{
    "categories": "Discount",
    "id": 1,
}, {
    "categories": "Points",
    "id": 2,
}, {
    "categories": "Member Status",
    "id": 3,
}, {
    "categories": "Charity",
    "id": 4,
}, {
    "categories": "Special Occasions",
    "id": 5,
}]