All,

I have an issue with a Kendo grid control, where one of the columns is a checkbox.  I have the checkbox working using the inline template.
The issue is when the grid renders, I can check on or off any rows in the grid, but the dirty icon will not display. The checkbox column renders more towards the right hand of the column and the only way to truly trigger a row change to make the dirty icon display is if I click on the middle of the column, which moves the checkbox more center.  Then when I check or uncheck it, I see the dirty bit icon.

Has anybody run into this issue before and if so, please provide some input as it would be greatly appreciated.  I also tried to center align the checkbox, but could not.  I may be doing something wrong, but if I can get it so that when I click the checkbox, that it sets the dirty icon instead of having to click the middle of the column which moves the checkbox more centered and then have to check it that way.

I also tried to use a Kendo row template, but somehow for the row template, when I try clicking the middle of the checkbox column, it doesn't do like the above and so the dirty bit never is set.

Hello,

I use a grid inside my website. Now i want to add a upload field to this grid to upload images. And also add radio buttons.

Is this possible? I can't find a list of supported element types.

Regards,
Jacob

Hi all,

I've an issue with pagination with an HTML grid.

First I've generated a grid (from server-side code) which is "converted" in a KendoGrid from clien-side code:

<table id="grid">
            <thead>
                <tr>
                    <th data-field="field1"></th>
                    <th data-field="Id">MyFiels</th>
                </th>
            </thead>
            <tbody>
            <tr><td> (and so on..)
          </tbody>
        </table>

Now I convert the grid using the following code:

 $("#grid").kendoGrid({
            sortable: true,
            selectable: "row",
            height: 350,
            pageable: {
                refresh: false,
                pageSize: 30
            }
        });

I've trie to set a kind of "RecordCount" property in order to build a number of page links according to PageSize and "TotalRecordCount"
I've tried to set Schema.

schema: {total: 1000 }

 
but I didn't succedeed,

Any idea?

Note: The grid is built from server-side code, then redered and converted to KendoGrid, all things work as expected but page links are not displayed

Is it possible to hide the border for a TabStrip? I don't see anything in the docs/configuration for doing so.

I have found a display issue with DropDownList on iOS (Mobile Safari). If the list contains more items than fit into it vertically, the items flow over the drop down list boundaries and scrolling does not work (see attached image). Same page works fine on all desktop browsers.
Using the following scripts (via a generated kendo.custom.min.js):

<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.fx.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.data.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.calendar.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.popup.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.timepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.datetimepicker.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.list.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dropdownlist.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.menu.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.numerictextbox.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.core.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.themes.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.userevents.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.svg.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.dataviz.chart.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.draganddrop.min.js"></script>
<script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.mobile.scroller.min.js"></script>

Note: added kendo.mobile.scroller later on, but does not make a difference.
 
Code to create DropDownList (from a <select>):

UPDATE: Solved. Adding kendo.mobile.scroller.min.js and kendo.touch.min.js fixed the issue.

How to  hide stock navigator in stock chart

I'm trying to create an application which has two windows.  I am using the MVVM framework, so I'm trying to create my windows declaratively using the data-role="window" syntax.  I'm not sure if I'm doing something wrong, but I am running into two issues:

1. Windows appear to ignore the data-visible="false" attribute
2. Windows declared after the first window fail to be initialized correctly - eg: Only one of my windows is created correctly.

Hi,
see here: www.iperbooking.net/mobilekendo/iperbooking
In the header section of my site I'd like to show a scrollview with some photos. The default css code in the splitview's documentation is set to: width 320px and height 220px. I tried to change to width 100% and leave height 220px but when I rotate my phone obviously the photos will stretch.
Is it possible to change the height of the gallery on the rotation event?

I'm trying to test the menu using the example code on the site, but I'm getting the following error:

Value cannot be null.
Parameter name: item

Line 9:      <div id="IslandWebMenu">
Line 10:         @(Html.Kendo().Menu()
Line 11:             .Name("Menu")
Line 12:             .Items(items =>

Can, anyone, help me?

Thanks

I am having problems with speed as the data set grows. I have a JSON object of data that I create a hierarchical array from and then bind that array to the TreeView. The same data is displayed in a GridView without the hierarchical portion, so the TreeView is maybe 10-20% bigger, in terms of number of nodes. The time is off by almost 2 orders of magnitude. Trapping before and after the TreeView initialization as well as before and after the grid gives me this.

Count	Tree	Per	Grid	Per
62	5.385	0.08685	0.677	0.01092
119	13.69	0.11504	0.729	0.00613
199	32.096	0.16129	0.892	0.00448
265	58.09	0.21921	2.007	0.00757
351	89.012	0.25360	1.878	0.00535
402	72.118	*	1.345

* The last load with 402 items only has 4 branch nodes, Root, which as 3 children. All 402 are attached to one of the three children.

The number are in seconds. What I find very interesting is the time per is pretty consistent in the GridView, but grows in the TreeView faster than I think the added hierarchical data would allow for. The data is divided up into 4 levels, root, plus 3.

The real problem is of course 90 seconds to load a tree with 351 leafs. I re-ran with flattening the structure so that there were only the root, 3 branches and 402 leafs. That took 72 seconds, which is much better than the 90 for the 351 with more structure, but still too long for a user to wait, for not that much data.

The tree is fairly simple:
    $("#treeview").kendoTreeView({
        checkboxes: {
            checkChildren: true
        },
        select: function (e) {
            showDetailByNode(e.node)
        },
        template: kendo.template($("#treeview-template").html()),
        checkboxTemplate: kendo.template($("#treeview-checkbox-template").html()),
        dataSource: myShipmentsTree
    });

    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>
    <script id="treeview-template" type="text/kendo-ui-template">
        # if (item.hasChildren) { #
            <span class="itemText itemGrouping">#= item.text #</span>
            (#= item.items.length #)
        # } else { #
            # if (item.Status == "V") { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf strikeThrough" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } else { #
                <div id="itemLeaf#= item.id #" class="itemText itemLeaf" style="width: 100%;" data-id="#= item.id #" >#= item.text #</div>
            # } #
            <div id="itemButtons#= item.id #">
                <a class="statusImage status#= item.Status #" ></a>
            </div>
        # } #
    </script>

I removed the logic from the templates, but that didn't make any difference. It took more time, 75 seconds, but I suspect my computer was just a little busier.

    <script id="gridviewButton-template" type="text/kendo-ui-template">
        <div class="hiddenData" data-id="#= ID #"></div>
        <a class="statusImage status#= Status #" ></a>
    </script>
    <script id="treeview-checkbox-template" type="text/kendo-ui-template">
        # var name = "checkedFiles[" + item.id + "]"; #
        <input type="checkbox" name="#= item.text #" data-id="#= item.id #" data-status="#= item.Status #" value="true" id="chk#= item.text #" # if (item.items) { # class="treecheckbox" data-node="false" # } else { # class="treecheckbox itemnode" data-node="true" # } #/>
    </script>

Am I doing something wrong, or is this the speed to be expected from it?

Thanks
Randy Miller
TransGuardian