How do I clear/remove all nodes from a tree view?

Hi,

I have a grid column with combobox editor template and I want to validate that column, i.e. if there's no item in combobox I want to get validation error. The column in grid's datasource has such structure.

ColumnID: { type: "number", validation: { required: true, min: 1 } },

and when the list of combobox editor template's values is empty the value of columnId is 0 and there's no validation errors.

Please help me to validate my grid column in above mentioned case in edit mode.

Regards,
G.A. 

Hi,

I fear there might be a really easy answer to this but I just can't figure it out.

I want to retrieve a data- attribute from a li after the onclick has fired. How do I do this?

Thanks in advance,
Anton

Hi guys,

In the following code sample, how can I replace the actionsheet, so via the click of the button, the showDetails function is
called directly and view changed (whilst taking the row context across so I can get the selected row's values out)?

 <div id="main" data-role="view" data-title="Schedule" data-model="viewModel" data-layout="default">
        <ul id="items" data-role="listview" data-template="diaryItem" data-style="inset" data-bind="source: dataSource" ></ul>       
        <ul id="actions" data-role="actionsheet">
            <li class="km-actionsheet-title">Select operation:</li>
            <li><a href="#" data-action="viewModel.showDetails">Details</a></li>
        </ul>
    </div>

<!--details view-->
    <div id="details" data-role="view" data-model="viewModel.selectedProduct" data-title="Details" data-layout="default">
        <ul id="info" data-role="listview" data-style="inset">
            <li>
               Company Name:
                <span data-bind="text: CompanyName"></span>
            </li>
       </ul>
   </div>

    <!--listview template-->
    <script id="productItem" type="text/x-kendo-template">
        <span>#= ProductName #</span>

// Clicking this button pops up the actionsheet, but I want to bypass it and call the showDetails function directly

        <a class="btnActions"
            data-role="button"
            data-rel="actionsheet"
            href="\\#actions"
            data-actionsheet-context="#= itemID #">Actions</a>
    </script>


    <script type="text/javascript">
        var app = new kendo.mobile.Application(),
            validator,
            viewModel = kendo.observable({
                dataSource: new kendo.data.DataSource({
                    transport: {
                        read: {
                            url: "api/diary",
                            type: "GET"
                        }
                    },
                    batch: true,
                    pageSize: 20,
                    schema: {
                        data: "Data",
                        total: "Count"
                    }
                }),
                selectedItem: {},
                showDetails: function (e) {
                    var item = viewModel.dataSource.get(e.context); //gets the ActionSheet context
                    viewModel.set("selectedItem", item); //sets the selected product
                    app.navigate("#details"); //navigates to details view
                }
            });

    </script>

Hi, 
I would like to know if it is possible to bind the visibility of something (a div, for example) to a specific value in a select. I know I can bind the visibility to a checkbox true/false, but I want something more complicated, like binding different divs to different values of a dropdown... AND using the declarative approach :) I guess I can bind the visibility of the divs to a method that returns something based on the value of the dropdown... right?

Hi,

I am looking to change the colour of the text in menu items and sub menu items.  I am wanting the colour to be different.  I can change the color on all menu items, or menu items without a link to a page - href.  But I have not found a way to change the colour so the top level menu items are different to the sub menu items.

html is:

The code below only gets applied on menu items without href.
Then this code applies to all menus items (I did not want the sub menus to have the same colour).
Code is also on jsfiddle:
http://jsfiddle.net/PgXSZ/

Looking at the forums someone suggested
But I cannot get this to work.

Thanks,
Ryan

Hi,

I have a doubt...

 it's possible use a methdo to get the value inside an input ... i mean:

instead

where 



thanks

In prior versions the JQery click() method worked, but in 1114 it doesn't work at all on touch devices. It works just fine with mice.

Here's a page that demonstrates the issue:

http://Dashboard.Sentegy.com/Test.html

if you are on a mouse device clicking on the button generates the alert. On a touch device (iOS) it doesn't pop up. This causes all kinds of problems because Kendo UI Web is also broken. For example selection of an item in a tree view doesn't work on touch devices. I assume its all the same underlying root cause.

The source follows:

<!DOCTYPE html>
<html>
  <head>
    <script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="http://cdn.kendostatic.com/2012.3.1114/js/kendo.all.min.js" type="text/javascript"></script>
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.dataviz.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.silver.min.css" rel="stylesheet" type="text/css" />
    <link href="http://cdn.kendostatic.com/2012.3.1114/styles/kendo.mobile.all.min.css" rel="stylesheet" type="text/css" />

    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  </head>
  <body>
    <div data-role="view">
      <a id="Button" data-align="left" data-role="button" >Press me</a>
    </div>
    <script>
      app = new kendo.mobile.Application(document.body);
      $("#Button").click(function () {
        alert("Clicked");
      });
    </script>
  </body>
</html>

Here is my model structure:

Header -> Details -> Tags

I have no problem on displaying the Details on the grid. My problem is I want to include the Tags associated into that particular Detail record but all I can see when mapping my model the List<Tags>. This is the part that I have difficulty to implement.

Grid's sortable is not working if use kendo.ns.
Because kendo.sortable field is not included kendo.ns.
Please fix it.
thanks.