Hi,

 I have an AngularJS application and I'm trying to add a grid there, but it doesn't work. Nothing appears on the screen and no errors in browser console. Here is my code which works on your Dojo page but doesn't on my page:

HTML:

 JS:

vm.mainGridOptions = {
            dataSource: {
                type: "odata",
                transport: {
                    read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Employees"
                }
            },
            sortable: true,

            columns: [{
                field: "FirstName",
                title: "First Name",
                width: "120px"
            }, {
                    field: "LastName",
                    title: "Last Name",
                    width: "120px"
                }, {
                    field: "Country",
                    width: "120px"
                }, {
                    field: "City",
                    width: "120px"
                }, {
                    field: "Title"
                }]
        };

 The only difference is that I use Controller as syntax so there is no $scope. ​

I added following references: 

     <link href="/content/assets/kendoui-2015.1.429/kendo.common.min.css" rel="stylesheet" />
    <link href="/content/assets/kendoui-2015.1.429/kendo.default.min.css" rel="stylesheet" />
    <link href="/content/assets/kendoui-2015.1.429/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="/content/assets/kendoui-2015.1.429/kendo.dataviz.default.min.css" rel="stylesheet" />

    <script src="~/content/assets/kendoui-2015.1.429/kendo.all.min.js"></script>
    <script src="~/content/assets/kendoui-2015.1.429/kendo.angular.min.js"></script>

 although it seems kendo.angular.min.js is not required.

 I have a feeling there is something wrong with kendo-grid directive, as there are no errors when I specify incorrect datasource.

 Can anyone help? 

 Thanks

Hi,

I try to drag an Event from a grid and to drop it on the Scheduler. This is working so far but there is a Problem with the datasource.Transfer.create Event. The Event will not be fired so can't insert the data in my backend Database.

Here is how i do it: http://dojo.telerik.com/IJesA

Hi,

I try to use a Scheduler as a drop target for Events. in my view is a Scheduler and a grid. I want to drag an Event from the grid and drop it on the Scheduler. This is working but the Scheduler does not fire the datasource.Transport.create Event to the backend.

Here is how i do it: http://dojo.telerik.com/IJesA  (The Data in my example is local so you have to change it for tests)

I was wondering if, when working with a remote datasource, it's possible to provide a list of groups to the Kendo UI grid, and then when a group is expanded, load some containing records (or subgroups), and page through those?  It's possible that there could be many thousands of rows within one group, all of which I cannot send to the browser.

I was able to provide a set of groups, but it seems as if I have to also provide the group its full list of items, which I do not want to do.

I create recurring event with couple exceptions.

When I open the series to edit and change "Repeat" to Never and save this event, exceptions still exist on the scheduler.

If i try to open the exception to edit this doing unpredictable behavior.

Any thoughts?

Is it possible to layout a template to display my data in 2 columns?

I am using a Kendo window with a Kendo template (similar to the online examples)

No matter what I try I am getting the 2 columns to stack on top of each other.

 Example:

  I am message

  I am message response

Where I want to see

I am message     I am message response

 Currently I have the following:

    @(Html.Kendo().Window().Name("MessageModal").Title("View Message").Visible(false).Modal(true).Draggable(true).Width(1200).Resizable()
        .Content(@<text>
        <script type="text/x-kendo-template" id="messageTemplate">
    <div class="container-fluid">
        <div class="row">
            <div id="details-container" class="col-sm-6" style="background-color:lavender;">
                    <div><strong>A Message</strong> </div>*@
                <div id="myMessage"></div>
            </div>
            <div id="details-container" class="col-sm-3" style="background-color:lavenderblush;">
                <div> <strong>A Response Message</strong></div>
                <div id="myMessageResponse"></div>
            </div>
        </div>
    </div>
</script>