Hi,

I'm having some trouble to change my Kendo Grid´s DataSource to display some
JSON data retrieved by my controller. My controller function looks like:

public ActionResult GetNewData([DataSourceRequest] DataSourceRequest request)
{
    List<MyModel> myList = GetDataFromSomewhere();
    return Json(myList, "text/html", Encoding.UTF8, JsonRequestBehavior.AllowGet);
    //return Json(myList.ToDataSourceResult(request), "text/html",
                              //Encoding.UTF8,  JsonRequestBehavior.AllowGet);
}

Also tried with return type of [string, JsonResult].
My Grid´s Definition was done using HTMLHelper and looks like:

@(Html.Kendo().Grid<MyModel>()
    .Columns(c => c.Bound(m => m.Description).Title("Description"))
    .DataSource(ds => ds
    .Ajax().ServerOperation(false)
.Model(m => m.Id(s => s.Description)))
.Name("MyGrid")
.Selectable()
.Sortable())

Maybe I'm still thinking the wrong way, but my final goal would be to have two
Grids on-screen.

The Change-Event of the first Grid would trigger some JS-Function including the
Ajax-Block below to re-read  some dependent data into the second grid.

$.ajax({
    contentType: "json",
    url: '@Url.Action("GetNewData", "Home")',
    method: 'GET',
    success: function (d) {
         var g = $("#MyGrid").data("kendoGrid");
        //var data = [{"Description":"Desc1"},
       //                      {"Description":"Desc2"},
       //                      {"Description":"Desc3"},
       //                      {"Description":"Desc4"}];

       g.dataSource = new kendo.data.DataSource({ data: d });
       g.dataSource.read();
       g.refresh();
       alert("Data:" + d); // Displays excactly the same string as stored in ´data´
       }
});

The Json-Data-Array displayed in the last alert looks fine (exactly the same string as stored in ´data´):

[{"Description":"Desc1"},
 {"Description":"Desc2"},
 {"Description":"Desc3"},
 {"Description":"Desc4"}];

When I then launch it for 

g.dataSource = new kendo.data.DataSource({ data: d });

the Grid keeps empty but doing it with my local data array of ´data´ it represents the data:

g.dataSource = new kendo.data.DataSource({ data: data });

I'm still struggeling to find a working combination of providing parameters for the DataSource. Any help would be highly appreciated.

Many thanks in advance.



 

Good day,

I am trying to use the new Kendo ToolTip, but I get this error on the JS console, I am using the latest version of KendoUIComplete, it is pointing to the right direction. I don't know that I am missing.
Do you have a clue of what is going on?

<script src="~/Scripts/vendors/kendo/js/jquery.min.js"></script>
<script src="~/Scripts/vendors/kendo/js/kendo.all.js"></script>
...
...
    <script>
                    $(document).ready(function() {
                        var tooltip = $("#tooltip").kendoTooltip({
                            autoHide: false,
                            showOn: "click",
                            position: "right",
                            filter: "div",
                            width: 300,
                            content: "abc"
                        }).data("kendoTooltip");
                    });
                        
            </script>
                <div class="title left">Customer details </div>
                @if (Model.ExternalId == null)
                {
                    <input class="button small right bottom" type="button" onclick="window.location.href = '/Customers/Edit?addressId=@Model.Id'" value="Edit location" />
                }
                else
                {
                    
                }
            </div>
            <div class="clear"></div>
            <div class="divisionLine"></div>
        </div>

        <div class="clear"></div>
    <div id="tooltip">
                <div id="target1" class="k-group">Target 1</div>
                <div id="target2" class="k-group">Target 2</div>
    </div>
....

Thank you.

I am using the dataBound event as described here: http://docs.kendoui.com/api/mobile/listview#events-dataBound

It seems I can't get it to fire.

This is my code (i have removed some irrelevant code in the click event):

$("#projectsList").kendoMobileListView({
    dataBound: function(e) {
        console.log('databound event fired!');
     },
    click: function (e) {
        console.log("click event fired");
    },
    template: $("#projectsListTemplate").html(),
    dataSource: dsProjects,
    endlessScroll: true,
    scrollTreshold: 10
});

I am not getting the 'databound event fired' in my console.

I have tried to set up a quick jsfiddle, but couldn't get that to work at all.

Hello,

I created a kendo grid and I handled the save event of the grid to execute my code for inserting/updating the database. However, every time I try to insert or update an item the save event is fired twice. I have attached a simple running page which demonstrates the issue.
Could you give me an advice what might be the reason for this problem and how it could be resolved? When an item is updated it is not such a problem if the item is updated twice, however, when inserting an item if the save event is fired twice two items will be inserted in the database which is not correct.

Thank you for your assistance in advance!

The scenario in the link below is almost exactly what my project requires.

http://demos.telerik.com/aspnet-ajax/grid/examples/programming/draganddrop/defaultcs.aspx

Unfortunately it has taken the better part of 2 weeks hunting through KendoUI's terrible documentation and poorly maintained forums and have not been able to recreate the situation.

Can someone please direct me as to where to find out how to create a set of drag and drop grids?

I have been seriously looking over the new kendo features (View, Layout, Router, etc). I am trying to figure out the best practices for structuring my app with said new features and was looking for some input on the subject.

I would appreciate some feedback to the following questions:

1. My general impression is that the ObservableObject is solely intended for supplying data and event handlers to views+widgets. The responsibility of populating widgets and binding events falling to the bound views and any widgets they contain. Is this assumption correct?
2. Assuming yes, if I want to pop up a temporary window, or add a widget to one of my bound views, who should be responsible for this? The ObservableObject, View, Widgets, or the Router?
3. When it comes to displaying and editing data, the impression that I have gotten is that we are supposed to use views (with a form) for single objects, and widgets for collections of objects. Is that correct?
4. When it comes to binding templates to MVVM bound widgets inside Views, all your examples say to use IDs to script tags within the page. Well what should I do when I am loading templates as strings in RequireJS rather than putting them in the DOM?

Thanks for any help you can provide. I am really eager to start using these new features. :)

Hello,

In the datetimepicker demo, the line separator is displayed correctly.  However, on my web site, it doesn't.

After investigating the problem, I did find out that the CSS used in the Kendo Demo isn't the same CSS distributed in the 2013.1.319 version.

Indeed, an height: 100% style seems to be present in the Demo CSS, but there's no trace of it in the distributed CSS.

Here's an image that will show you what is going on exactly

Best regards,

Simon

We have recently upgraded our jQuery version, as well as downloaded the latest version of Kendo UI.
Since then, the following code, which worked previously, doesn't do anything:
Either this is a known bug for everyone who recently upgraded jQuery, or, I suspect it is more likely because we are using a *customized* minified jQuery file, rather than the jquery.min.js included in the Kendo download. 

So, my question is: specifically, what dependencies of jQuery are required for the splitter tool. Also, are there any jquery.ui.js dependencies for the splitter? Aka, what jQuery libraries is the Splitter built upon? I couldn't find this type of documentation in the product specs. I would like to make sure our custom minified file includes all that is completely needed.

Thanks for your help!
Sarah

I've looked for a recent example of this and can't seem to find it.

I
have a listview that displays results.  I want the user to see a slider
and edit the slider without having to enter the edit mode of the
listview.  I'll use custom ajax to pull that off... BUT i can't seem to
add the slider to the template... it never renders. I just get the plain
input box.

I've tried this:
and this:

Hi,

I have a datepicker that I am using to increment/decrement the day by using the up/down arrow by binding the keypress event.  This works fine unless the user types in a new date before leaving the datepicker and then hits the up/down arrow in which case the value() is not updated.  What I want to do is upon an up/down arrow keypress, FIRST update the value() and then increment/decrement the day.  How can I do this?

My js is as follows:


Thank you,
David A.