Hi,

I have grid with service and their types and their advisors

each advisor also have types.

I want to load type and adviosrs on service name clicks.

and want to load all types of particular advisours on advisor click

I have attached image please have look and suggest approch, how can we achieve this

We get results like the attached "LockingNotWorking" snip, with locking: true.  On rare occasions it works more or less, i.e. the locked and unlocked columns show up, but different column heights.  If you you use the tiny scroll bar and start to resize a column it will snap into a correct format.  The attached "NoLocking" snip shows a normal view with no columns locked.  Here's the code:

<div id="orcaangulargrid" ng-app="orcaGridApp" ng-controller="OrcaGridController">
    <div kendo-grid id="grid" k-options="gridOptions" k-ng-delay="gridOptions" class="expand-vertical" }></div>
</div>

angular.module("orcaGridApp", ["kendo.directives"]).controller("OrcaGridController", function ($scope) {
    $scope.gridOptions = {
        sortable: true,
        filterable: true,
        pageable: { pagesize: 25, pagesizes: [25, 50, 100, 500] },
        navigatable: true,
        editable: true,
        enabled: true,
        scrollable: true,
        resizable: true,
        height: 550,
        dataSource: {
            transport: {
                read: {
                    url: "/DataSolutions/Grid/Read/" + formId + "?timePeriodId=" + timePeriodId + "&groupId=" + groupId + "&projectId=" + projectId,
                    type: "POST",
                },
                update: {
                    url: "/DataSolutions/Grid/Update/" + formId + "?timePeriodId=" + timePeriodId + "&groupId=" + groupId + "&projectId=" + projectId,
                    type: "POST"
                },
                create: {
                    url: "/DataSolutions/Grid/Create/" + formId + "?timePeriodId=" + timePeriodId + "&groupId=" + groupId + "&projectId=" + projectId,
                    type: "POST"
                }
            },
            autoSync: true,
            batch: true,
            schema: {
                model: {
                    id: "ContextId",
                    fields: {
                        ContextId: { editable: false, type: "" }
                        , ContextName: { editable: false, type: "" }
                        , m_94: { editable: false, type: "" }
                        , m_96: { editable: false, type: "" }
                        , m_76: { editable: false, type: "" }
                        , m_98: { editable: false, type: "" }
                        , m_77: { editable: false, type: "" }
                        , m_330: { editable: false, type: "" }
                        , m_89: { editable: false, type: "" }
                        , m_93: { editable: false, type: "" }
                        , m_91: { editable: false, type: "" }
                    }
                },
                data: "data",
                total: "total"
            },
            pageSize: 25,
            serverPaging: true
        },
        columns: [
            { title: 'Practice Name', width: 150, filterable: true, field: 'ContextName', headerAttributes: { style: 'white-space: normal' }, template: '<span class="locked-column">#=ContextName#/></span>', locked: true }
        //{ title: 'Practice Name', field: 'ContextName', width: 150, editable: true, filterable: false, sortable: true, locked: true, template: '<span class="locked-column">#=ContextName#/></span>', headerAttributes: { style: 'white-space: normal' } }
            , { title: 'Practice Address', field: 'm_94', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'Practice City', field: 'm_96', width: 200, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'WTF?', field: 'm_76', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: '*Practice Zip', field: 'm_98', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'What The Hell?', field: 'm_77', width: 200, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'Other work organization type', field: 'm_330', width: 500, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'Report Recipient Email', field: 'm_89', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: '200', field: 'm_93', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }
            , { title: 'Observed Fax Number', field: 'm_91', width: 100, filterable: false, sortable: false, headerAttributes: { style: 'white-space: nowrap' } }]
    };
})

Can anyone help me how to get a notification message after deleting a row of a batch editing grid.

I need to show a success message or not after i click the ok button.

Please i hope you can help me with this issue.

how do I force position of categoryAxis labels to bottom?

We have based our mobile web app on the whatsername-app: https://github.com/telerik/whatsername

We have one view with a grid with three columns. The first one is frozen and the other two are not, in order to keep the first one visible at all times while scrolling through the other columns. However when testing on a mobile device or using the mobile device simulator in Chrome, it's impossible to scroll horizontally through the non-frozen columns. 

Is there something that catches the scrolling event before the grid can handle it? We are also using a drawer but the problem persists even when removing the drawer or setting swipeToOpen:false on the drawer.

I tried to make a demo in a dojo, but the dojo code works! http://dojo.telerik.com/ehaPu .

When we run the dojo in "fullscreen" mode and using a mobile device or Chrome developer tools in mobile view (refresh page once in mobile view to get correct mobile behaviour) it's still possible to scroll the grid horizontally.

PS. As a side not, we are unable to scroll inside the grid by scrolling on the frozen column, but I see that there's already a bug report on that: http://www.telerik.com/forums/scrolling-with-frozen-column

Best regards,

Mikael Arvidsson

I've been using #:xx# or#=xxx# until I saw the usage of ${xxx} in this example:

http://demos.telerik.com/kendo-ui/sparklines/remote-data-binding

The template documentation (http://docs.telerik.com/kendo-ui/framework/templates/overview) seem not to mention the ${xxx} syntax.

Can your clarify what syntax is preferable in what context?

Hi,

In my project, We are using Kendo UI grid with virtual scrolling feature. By using mouse scroll it is working as expected. As our new requirement, grid data scroll is also working with Page up/Down key of key board.

Please let me know is it possible with Kendo UI grid?

We are using AngularJS 1.4 in our project.

Hi ,

I have sales data with  hierarchy.

I need to show it in grouping for each level.

Can i implement  N-level nested hierarchy in Kendo UI Grid (Angular ) with grouping for each level.  

Thanks

Shmuel