Following is the code i used, Once i select dropdownlist value in popup editing then [Object][Object] in the column of the grid

<script>
    var datavalue = [];
    datavalue.push({TypeValue: "---" });
    datavalue.push({ TypeValue: "New" });
    datavalue.push({ TypeValue: "Important" });
    datavalue.push({ TypeValue: "Remark" });
    datavalue.push({ TypeValue: "Complaint" });
          
    var dropDownDataSource = new kendo.data.DataSource({
        data: datavalue,
        schema: {
            model: {
                fields: {
                    TypeValue: { type: "string" }
                        }
                    }
                }
    });    
  </script>
  <script id="popup_editor" type="text/x-kendo-template">
<p>Custom editor template</p>

<div class="k-edit-label">
<label for="Date">Date</label>
</div>
<!-- datepicker editor for field: "Date" -->
<input type="text" 
name="Date" 
data-type="date" 
data-bind="value:BirthDate" 
data-role="datepicker" />

<div class="k-edit-label">
<label for="Type">Type</label>
</div>
<!-- drop down list editor for field: "Type" -->
<input name="TypeValue" 
data-bind="value:TypeValue" 
data-value-field="TypeValue" 
data-text-field="TypeValue" 
data-source="dropDownDataSource" 
data-role="dropdownlist" />

<div class="k-edit-label">
<label for="NoteBy" style="color: red;">NoteBy</label>
</div>
<!-- textbox editor for field: "NoteBy" -->
                  <input type="text" class="k-input k-textbox" name="NoteBy" data-bind="value:NoteBy"/>
                  
<div class="k-edit-label">
<label for="Description">Description</label>
</div>
                  <input type="text" class="k-input k-textbox" name="Description" data-bind="value:Description"/>

</script>


                <div id="NoteGrid" style="height: 380px"></div>


            <script>
    $(document).ready(function() {
      
   $("#NoteGrid").kendoGrid({ // create Grid from div HTML element Kendo
            dataSource: {
                data: [],
                    schema: {
                        model: {
                            fields: {
                                Date: { type: "date" },
                                Type: { type: "string"},
                                NoteBy: { type: "string" },
                                Description: { type: "string" }
                                    }
                                }
                            }
                        },
            selectable: "row",
            scrollable: true,
            navigatable: true,
            sortable: true,
            resizable: true,
            groupable: false,
            filterable: true,
            columnMenu: true,
            columns: [
            {
                field: "Date",
                title: "Date",
                width: 80
            },
            {
                field: "TypeValue",
                title: "Type",
                width: 60
            },
            {
                field: "NoteBy",
                title: "Note By",
                width: 80
            },
            {
                field: "Description",
                title: "Description",
                width: 100
            },
            {
                command: [
                { name: "edit",
                    text: { update: "Save" }
                }],
                hidden: true
            }
            ],
            toolbar: ["create"],
            edit: function (e) {
//                $("#editor").kendoEditor();
                e.container.data("kendoWindow").title("Add Note");
                e.container.find('.k-grid-update').css('float', 'right');
                e.container.find('.k-grid-cancel').css('display', 'none');
            },
            editable: {
                mode: "popup",
                template: kendo.template($("#popup_editor").html())
            },
            save: function (e) {
                var grid = $("#NoteGrid").data("kendoGrid");
                grid.refresh();  
            },
            detailInit: function (e) {
                var grid = $("#NoteGrid").data("kendoGrid");
                grid.element.find('tbody tr:first').addClass('k-state-selected')
            }
        });
    });

            </script>

Hi all,

Has anyone used Kendo UI Mobile in conjunction with ASP.Net MVC4 to generate views and run web apps in Android Chrome and IPhone/IPad Safari browsers?

We are currently using it in this way and it is working well in almost every case.  We are using the mobile widgets as well and other than an issue with Actionsheet, they are working well for us.

We are generating Form based views to submit our updates and all of the data binding is done thru MVC http gets and posts.  Instead of using Local or Remote DataSources we just inject the MVC genned view into the Kendo UI mobile client.  Therefore, there is no need to issue client side jquery ajax service calls to get or update data.

Currently, we are not using any of the Kendo UI Web or Kendo UI Dataviz based client widgets or server wrappers.  We will likely use the Grid widget from Kendo UI Web soon as apparently it is supported on mobile devices.

We understand this will most likely not work with an Icenium based Kendo UI Mobile app, however, wanted to know if anyone has deployed a  Icenium & KendoUI Mobile based hybrid app using MVC generated views.

Thank you in advance to all of you in the forum community.  Does anyone think we should also post this on the StackOverflow forum?

Thanks...Bob Baldwin
Trabon Solutions
Devcraft Complete Licensed Users

Can we do rapid application development like telerik for enterprise asp.net web application ?

we can't get Id of DatePicker through JQuery, Event open can't be work, reason?

Ok, so I want my top panel to be expanded, and not allow resizing, so ideally I'd like the "bar" between the panes to be 0px in width as really it serves no purpose anymore :)

...so how can I accomplish that?  It's something that the RadControls do...is it doable by pure CSS perhaps? 

Sorry if this is a basic question but I am very new to C# and even newer to Kendo UI.  I have a reporting tool where users select an Oracle table or view and the tool dynamically displays the data from that table/view in a grid.  This works fine using the ASP.Net grid however we would love to have the extra functionality that comes with Kendo.

Right now I have created the various component which I believe would render a static grid for one table.  However, every time I run the html file I get a Kendo grid, the grid spins like it is trying to pull data then I get a blank grid with zero records.  I'm sure I missing something, please help.

I am assuming that once I get the through the static definition I will be able to migrate to a dynamic model.

I have attached my files.

Thank you!  Rod

I got a fearly easy question ( I could neither find the answer nor to code it myself),
Is it possible to have a stock chart but instead of default column series have stacked column and navigator being as it is, simple area chart.
Regards,
Neil

Since cascading doesn't wait for the value to be set when inside a grid, I need to rebind the second dropdown when the first changes.

I can't find how to do that with javascript, even though it's a simple task.  Plenty of posts for Telerik, but not Kendo...

I thought it would be something like this, but I get a javascript error that datasource doesn't exist.

$("#dropdownID").data("kendoDropDownList").datasource.read();

I have a nested <ul> in HTML that I'm converting to a treeview (using $("#myTreeView").kendoTreeView();).Every <ul> tag and <li> tag in the list have an id attribute.

Question: When a node in the tree is selected, how do I get the corresponding id of the html list element? I am able to capture the select event (using treeView.bind("select", function (e) {....})) but I dont understand how to get to the id. Constructing the tree using a datasource is probably not a feasible option for my case...

I am using Kendo Tree View in Windows 7 and IE-8 inside Kendo Splitter control. We have load on demand implemented which will load data/child nodes  on expanding each node.
How can I set “Tool Tip” to each node of this Kendo tree view.