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

Hi,

I'm currently using the DateTimePicker on a couple crucial ages in my PC/iPad web app. The picker seems to work fine on an iPad, but the Calendar/Clock icons are difficult to click as they are very close together. I've included a small sample image.

I'm looking to style the DateTimePicker so the Calendar/Clock icons are slightly further apart to allow room for users with larger fingers. I've attempted accessing the "k-select" class on my pickers, but that seems to throw off the hover CSS as well.

Is this possible?

Thanks,
Landon

See the fiddle here: http://jsfiddle.net/rydama/KaTg2/9

The problem is with the 'e' field in the data object. When kendo is rendering the row template, it is using this object and the 'e' field conflicts with the js code it created for the template which starts out like this:



I can workaround this by mangling my field name, but should I need to? Is this something that should be fixed in kendoui?

Thanks

Hi

I'm using Kendo widgets extensively with changeable theme.
Colors work just fine on Kendoui elements, the problem is with all the other elements on the pages.
How to make them easily follow the selected theme?

I could do a little with the help of
http://docs.kendoui.com/getting-started/web/appearance-styling
E.g. setting the "k-content" class for the body (that would only take care of the text and background color), "k-button" for all buttons, "k-link" for all links, etc.
Would it be possible to automatically wrap the colors from the theme for all input/link/table/... elements on the page?
Thanks.

 Raido