I have been reading a number of posts here and still am struggling with the proper method for binding series to the "columns" of a datasource.    

The issue I am running up against is that I don't have control over the datasource (generic webservice call), but I need to be able to put it into the proper chart structure.

Assume my web service call returns the following:

rows: [
    { Dept: "Shoes", Q1: 100, Q2: 200, Q3: 220, Q4: 180 },
    { Dept: "Shirts", Q1: 140, Q2: 160, Q3: 390, Q4: 200 },
    { Dept: "Pants", Q1: 180, Q2: 190, Q3: 400, Q4: 320 },
    { Dept: "Tops", Q1: 520, Q2: 600, Q3: 425, Q4: 570 }
]

What I am looking for is to create a line chart where the each department is a category and the series is Q1 - Q4.   The problem is, I don't know in advance that I will get for the "columns" (i.e Q1 - Q4).   It might be a range of years from 2005 - 2013, or it may be a set of months Jan - Dec.    

Is there a way to do this generically?    

Using the template property of the AutoComplete,  I would like to somehow display a table that contains the results of the json query.

Like in your standard ComboBox control.  Is there an easy way to accomplish this.

Thanks

I am using the kendo grid to display data. It also needs to be editable (inline editing).
I know how to add other controls to the grid using templates when it is in inline edit mode.
How do I add the multi-select control to the Grid in inline edit mode/

This is the multi-select control I need to have in the Grid:

http://demos.kendoui.com/web/multiselect/index.html

Thanks,
Anthony

Hello Kendo community,
this is my first post on this forum, so please be understanding :)

I'm building simple application that will display Gantt like data. To display it in that form I'm building custom Grid-like control.
But before I get further in development I would like to build sample using normal grid.
On my page I need to have 2 grids to display data.
Top one must display all data and must be read only, bottom must display filtered data.
For example I must have orders for all customers, but on bottom only for specific user id, so user will be able to edit only his orders.

I build simple jsfiddle: http://jsfiddle.net/Misiu/Fnsja/ that has 2 Grids and every time I update bottom grid top one is auto-updated.
What I need to do now is to apply filter on bottom grid.
Can this be done without having 2 data sources?

Hope my question in understandable :)

I have a listview being populated by some json data. I have the elements in the listview linking to a details page. All is working fine.
when i add drawers to the page thats when it breaks. when i swipe it thinks im clicking so it tries to open the drawer and the details view at the same time making for some interesting behaviour.

how can i combat this?



<!--LISTVIEW DATA--> 
<script id="alertlist" type="text/x-kendo-template">
      <a class="details-link" data-role="listview-link" href="\#details?alert_ID=#=alert_ID#">
        <img class="alertimage" src="/images/#: degree #.png" />
      </a>
      <div class="listviewdiv">
        <h3 class="item-info">#: title #</h3>
        <p class="item-title">#: sentDT # <span class="AlertTitle"> :: #: sender # </span></p>       
      </div>
      <a data-role="button" href="\#details?alert_ID=#=alert_ID#" class="listviewbutton" data-icon="mostrecent"></a>    
  </script>


<ul id="alert-list-scroll" data-role="listview" data-source="IRISalerts" data-click="listViewClick"  data-template="alertlist"></ul>

I am looking to format my incoming dates but don't see a suitable way without changing my incoming JSON (which I have standardized on passing as 'time since epoch', new Date().valueOf() ).

Sample Grid Row JSON segment:
Columns list object:
My understanding is that the format attribute defined above will specify the output format, however I don't know how to specify a way to accept the incoming milliseconds from epoch as a date object without some interceptor layer injecting itself into the consumption of the JSON.

I would be fine to have a event attached to the datasource in use here and have it mutate the long value into a date object if there isn't a more elegant way to achieve this.

Hi. 
   I try your listview step by step, when i learn "endlessScroll": http://docs.kendoui.com/api/mobile/listview#configuration-endlessScroll
  I found it is invalid when use DataSource's filter.    may this is DataSource's bug.
  Below is the code:  also can run below code in: http://jsbin.com/AdItib/5/edit
  ////////////////////////////////////////////////Begin/////////////////////////////////////////////
<div data-role="view">
  <ul data-role="listview" data-source="foo" data-endless-scroll="true" data-template="foo-template">
  </ul>
</div>

<script type="text/x-kendo-template" id="foo-template">
    #: name # - #: modified #
</script>

<script>
var i = 0, pageSize = 20;

var max = 1000;
var data = [];
for (; i < max; i ++) {
    data.push({ name:  i, modified: +new Date() });
}

var foo = new kendo.data.DataSource({data:data, pageSize: pageSize});

foo.filter({ field: "name", operator: "gt", value: "200" });

new kendo.mobile.Application();
</script>
  ////////////////////////////////////////////////End/////////////////////////////////////////////
Below code show no results, if  i remove foo.filter({ field: "name", operator: "gt", value: "200" }); then listview will show result.
So ListView's endlessScroll is invalid when DataSource has filter.

Thanks!

The list items in my ListView with endless scrolling link to another view. If I scroll down, click a list item to view it's details on another view, then navigate back, the ListView is empty until I scroll around a bit and it starts working again.

Is there something I can do on before show to make sure the ListView is displayed and scrolled to the same spot I left it?

Regards

Dean

Trying to paste text into kendo editor in IE on a Windows Phone 8 device results in nothing happening in the editor. I have verified that my clipboard does have text but nothing shows up in the editor UI. 

Known issue?

I'm using inline Editor.
I need to save the editor data into an HTML file and eventually reload the HTML file in the editor to modify it more times.

This is part of my aspx page.
<form id="form1" runat="server">
       <div id="example" class="k-content">
            <div id="editor" class="demo-section">
                <div id="topEditor">       
                    <p>Title</p>
                </div>
                <div contentEditable class="column">
                    <p> Description </p>
                </div>
            </div>
        </div>
</form>
And this are the code I used to inizialized editor 
 $(document).ready(function () {
             $("#topEditor").kendoEditor({
                tools: [
                        "bold",
                        "italic",
                        "underline"]
            });

            $(".column").kendoEditor({
                tools: [
                        "bold",
                        "italic",
                        "underline",]
            });
}

Since I don't initialize  $("#editor").kendoEditor() the code 
var editor= $('#editor').data("kendoEditor")
gives me an undefined value of variable 'editor' and I can't retrieve its content value.

Instead, if i use
            $('#editor').find("div").each(function () {
                var editor = $(this).data("kendoEditor");
                html += editor.value();
            });
I've the right content of each <div> .
The HTML I obtain is:
<p>Title</p><p>Description </p>
but 'cause it doesn't contain <div> element I can't reload it into editor and have the originally document.
            
There's a simple way to get HTML editor data in the right format  that I can re-load in the inline editor more times?

Thanks