I have noticed an error when trying to bind Date properties to the Kendo grid if the property is defined on a sub property of my model class:

Ex:

columns.Bound(p => p.SomeProperty.SomeDate)

For some reason if I define the date like above it will not render out as a Date, but as the JSON representation of the Date
EX: /Date(-62135578800000)/

The interesting part is that is works fine if I define the date property directly on the model like this:

columns.Bound(p => p.SomeDate)

I am using the Kendo server wrapper for Asp.Net MVC

How can I do this with using the declarative syntax:

http://demos.kendoui.com/web/grid/hierarchy.html

More precisely, I don't know how to bind to the detailInit event.

Hi everyone!

Anyone know if it is possible or exist some before (or after) callback on scrollview?

I used the example app in "How-To: Build Apps With Kendo UI Mobile" as "shell" for a simple multi-views app intended for IOS and Android. The Android look is quite different from the IOS - black background, tabstrip on top rather than at the bottom, etc.

1. What do I have to do so that the look is the same for both? That is, I want both to look like that for IOS - white background, tabstrip at the bottom.
2. Also, I noticed that the footer tab labels do not show on the Android.This appears to be a bug.
3. 4 of my 5 views are mainly custom tables in HTML. If I click a particular table view and then go to another table view, the latter view is changed in size. ASN  The view which causes the other table views to change in size is "enter_score". The other table views do not affect the other views. I have attached the code.

Your help would be greatly appreciated.
 

Hello All, 

we are binding kendo ui grid to JSON data source. At design time we are not sure of column names or number of columns. 

I would like to inject columns names,title, width and format based on JSON data. 

it is possible please point me to an example or suggest a way to achieve it. 

- Also, can we drag columns to increase width as in Excel 
- Remove rows based on certain values.
- highlight text in cell based on a threshold.

I have hard coded the column name and model for test purpose, it did not see to help.


   schema: {
                    data: "d.Data",
                    total: "d.TotalCount",
                    model: { fields:
                                    { A1: { type: "string" },
                                        A2: { type: "string" },
                                        A3: { type: "string" },
                                        A4: { type: "string" },
                                        A5: { type: "string" },
                                        A6: { type: "string" },
                                        A7: { type: "string" }
                                    }
                    }

   Columns: [
                        { field: "A1", title: "S N ", width: 240 },
                        { field: "A2", title: "A1" },
                        { field: "A3", title: "Name" },
                        { field: "A4", title: "A2 Weight" },
                        { field: "A5", title: "A5 Weight" },
                        { field: "A6", title: "A6" },
                        { field: "A7", title: "A7" }
                     ]


Column titles are not visible!  i.e extra space

Hi all

Is it possible to add the kendo-button-image from the Grid buttons to a normal button?

I would like to add a template toolbar with 3 buttons and a search/filter field. But I can't figure out how the add the Create, Edit and Delete image to the buttons.

Thanks in advance.
Allan

 I am using DataSource for Kendo Template listview, but Unable to read data from list.json 


dataSource = new kendo.data.DataSource({
                    transport:{
                     read: lists.json
                        }
                });

         dataSource.read();
            var listView = $("#listView").kendoMobileListView({
                dataSource: dataSource,
                template: kendo.template($("#template").html()),
                
            });

and
list.json:
[
{"name":"Customer0","address1":"0 Winding River Lane"},
{"name":"Customer1","address1":"1 Winding River Lane"},
{"name":"Customer10","address1":"10 Winding River Lane"},
{"name":"Customer100","address1":"100 Winding River Lane"}
]

guide me to know the problem.. thanks in advance.

is it recommended to put a table inside a list view template , i have the following template

<script type="text/x-kendo-template" id="customListViewTemplate">        
        <table>
        <tr>
            <td>Product Name :
            </td>
            <td>${name}
            </td>
        </tr>
        <tr>
            <td>Desc :
            </td>
            <td>${description}
            </td>
        </tr>
        <tr>
            <td>Qty :
            </td>
            <td>
                <input type="number" min="0" />
            </td>
        </tr>
    </table>
        
    </script>

but when it get rendered, the numeric control seems to have a mind of its own, and never sits in its designated cell..

Is this not the correct way to do this ? have a tabular formatted data in list view template

Thanks

I have a handful of controls stacked vertically inside a scrollable div.  When I scroll the div contents, the controls float down, out of position, during the scroll.  How can I prevent that?

Thanks!

I have my editor as follows:

$('textarea').kendoEditor({
                encoded: false,
                tools: [
                        "bold",
                        "italic",
                        "underline",
                        "strikethrough",
                        "fontName",
                        "fontSize",
                        "foreColor",
                        "backColor",
                        "justifyLeft",
                        "justifyCenter",
                        "justifyRight",
                        "justifyFull",
                        "insertUnorderedList",
                        "insertOrderedList",
                        "indent",
                        "outdent",
                        "formatBlock",
                        "createLink",
                        "unlink",
                        "insertImage",
                        "viewHtml"
                    ]
            });

Everything is working as expected excluding the color picker for both the fore ground and back ground colors.  I am using the kendo.common and kendo.default css files.  What I am doing seems pretty basic.  What gives?