We are trying to port a Telerik MVC tree to a Kendo UI treeview. Most of the things works great using the hierarchical datasource, but there is one thing I'm missing in the new Kendo UI controls; the loadondemand option on the node itself.

In the old MVC controls I could indicate on each node if it had children AND if it needed a load on demand. I needed this because my tree is based on some filters and settings, so the layering can differ each time. Some of the database queries I can do more easily by retrieving two or three levels at the same time.

So for example I can load the following construct:

A 
 - B
 - - C

With the MVC Control for both A, B and C I could indicate that they have children, but only C need to invoke another request, so it had the loadondemand value on true.

With the Kendo UI treeview, I'm unable to specify per node the loadondemand option. So I can return level A but then I need to indicate they have children (otherwise the expand icon is not shown) and the child items are not rendered. If you click the expand arrow, it will however not use the items collections, but will invoke a new request to load the next level. Not needed because that level is already loaded. In the MVC controls I could indicate this, but in Kendo UI there is no option for this. I tried to set the children property in the schema, but I'm unable to set it as a function (for example; if item has items, use it, otherwise use the datasource itself to load new level).

So is it somehow possible to use both a node with child items and a node that needs on demand loading?

Hi Telerik Team,

Good day!

I would like to ask for your help with regards to text label of "Select" button is mis-aligned after I selected the file in Kendo Upload.

I already adjusted the height of my div in html, still the text label is mis-aligning and not in the center or middle.

I'm using async upload and I use IE-11 browser (Internet Explorer 11)

Thank you in advance for your immediate Help and Solution.

What I am trying to achieve is a row template(Each row might have 20+ fields).
It needs be one row a page and I need NEXT and PREVIOUS to see other records.
I am trying to achieve this using the row template and here s my code

If I add pagable() it wont render the template rows itself. 
Also it woyld be great if u can help me on making an inline edit in this.

@(Html.Kendo().Grid<CatagoryViewModel>()
    .Name("grid")
    .HtmlAttributes(new { style = "width: 750px;height:430px;" })
    .Columns(columns =>
    {
        columns.Template(e => { }).ClientTemplate(" ").Width(140).Title("Catagory Details");
    }).Pageable()
    .ClientRowTemplate(
        "<tr data-uid='#: CatagoryId #'>" +
            "<td class='details'>" +
                "<span >#: CatagoryName #</span>" +
                "<span >#: Catagorydescription #</span>" +
            "</td>" +         
         "</tr>"
    )
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("GetAllCatagory", "Home")
    )
))

Hi folks!
For 'continuities sake', I need to customize the Grid pageable: options - do I need to edit the js library itself to modify the layout (I REALLY don't want to have to do that..), or is there a method to modifying the pageable template?

Currently, the kendo ui pagination is:

go to first page / go to the previous page / page numbers / go to next page / go to last page

we just want a single 'previous' button and a single 'next' button, with text labels instead of glyphs.. 

previous / page numbers / next

Thank you!

I have a pretty basic grid which displays and modifies a Javascript array, locally. However, whenever I press the "Edit" command button (Editable is defined as inline), the entire view of the grid will clear - no rows will be displayed. The array will still hold the data, though, so if I 'refresh' the grid by reapplying the datasource, it works just fine. The weirdest part is that this only happens the first time! So I'll add a few rows, click the edit button, refresh the grid, click the edit button again - now it works normally!

At first I thought it might be the issue like when cancelling an edit removes the row, due to not setting an ID on the datasource model. I do have an ID set, though.

I have now tracked the issue down to the following piece of code, inside my Grid_Edit event:


My grid:

The Grid_Save event shouldn't be too relevant, so I left it out. All it basically does is check if the URID > 0, in which case it will try to update the existing entry in the array. If it is 0, it pushes a new entry onto the array and refreshes the grid.

The Grid_Refresh method simply re-sets the datasource's data array.

Another weird thing is that I have a similar grid which is 'linked' to the first one. Whenever I select a row in the first grid, the second one displays a filtered list from another array. If I keep the keydown handlers on the first grid, both grids will misbehave. If I remove the keydown handlers only from the first grid, both grids will behave nicely (even though the second grid has its own keydown handlers bound!).

We have 1 scheduler where multiple users can create tasks.
In the database a task is created with a user_id. So we know which user created which task.
The user_id from the database is included in JSON and Kendo UI datasource.

How we achieve that a user can only modify(update, delete) his own tasks ? Tasks from other users have to be read-only.
The popup-window must open for all, but alle buttons must be disabled if not created by the user.

thx,
Gert

Hello,

I'm using an external button to start row editing. When a row is selected and I click the button, the popup editor will be displayed. Clicking "Cancel" the popup editor closes but the selected row will be removed. Whay?

I have created an example: http://dojo.telerik.com/@ralf.d-velop/orIme

What's wrong?

Regards,
Ralf

On click of delete/update it is calling create method.
Not able to figure out the problem. need help on this issue.

(function ($) {
    // Update API url
    var UPDATEUSER_API_URL = 'api/UserManagement/PostUpdateUser';
    // Delete API url
    var DELETEUSER_API_URL = 'api/UserManagement/DeleteUser';
    // Search API url
    var GETUSER_API_URL = 'api/UserManagement/GetUser';
    // Search By Id API url
    var GETUSERBYID_API_URL = 'api/UserManagement/GetUserById';


    $(function () {
        debugger;
            dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: GETUSER_API_URL,
                        dataType: "json"
                    },
                    update: {
                        url: UPDATEUSER_API_URL,
                        contentType: 'application/json;charset=utf-8',
                        dataType: "json",
                        type: "PUT"
                    },
                    destroy: {
                        url: DELETEUSER_API_URL,
                        contentType: 'application/json;charset=utf-8',
                        type: "DELETE",
                        dataType: "json",
                    },
                    create: {
                        url: UPDATEUSER_API_URL,
                        dataType: "json",
                        type: "POST",


                    },
                    parameterMap: function (options, operation) {
                        if (operation !== "read" && options.models) {
                            return { models: kendo.stringify(options.models) };
                        }
                    }
                },
                batch: true,
                pageSize: 10,
                schema: {
                    model: {
                        id: "UserProfileID",
                        fields: {
                            UserProfileId: { validation: { required: false } },
                            Password: {type: "string", validation: { required: true } },
                            Username: { editable: true, validation: { required: true } },
                            FirstName: {type: "string", validation: { required: true } },
                            LastName: {type: "string", validation: { required: true } },
                            EmailId: {type: "string", nullable: false, validation: { required: true } },
                            IsSuperUser: { type: "boolean", validation: { required: false } },
                            RoleName: {nullable: false, validation: { required: true } },
                        }
                    }
                }
            }); 

Hi team, I am looking into what I can do with the cell templates in the Kendo grid. So I can see that I can use the. I am using a kendoComboBox as the edit template, and I am using a function (comboDisplayTemplate) for the cell when it is in non edit mode, as shown below (complete example attached)...


So the "display template" (ie the non edit template) returns some html which includes the cell value.

What I would like to be able to do, is have the kendoComboBox shown in the cell when in non edit mode, that way a user can 
1. See that this cell is editable (other cells may not be - though could get around this by coloring the cells)
2. Most importantly - using the mouse the user can use one click to go to a cell and open the already display combo box, as opposed to having to first put the cell into edit mode, and then select from the drop down (2 clicks instead of one)

Is there some way of doing this?

Thanks in advance for any help / suggestions

Hi,

I am trying to set the name for multiple series on the legend of the chart, but I do not want to set them via code, I want to retreive it from the server side.
My .aspx code is:

 <div id="divChart">
        <% 
            Html.Kendo().Chart<SmartClient.datamodel.publicLightingOptimization>()
            .Name("chart")
            .CategoryAxis(axis => axis.Labels(l => l.Rotation(90)).Type(ChartCategoryAxisType.Date).Date().MajorGridLines(lines => lines.Visible(true)).BaseUnit(ChartAxisBaseUnit.Minutes).BaseUnitStep(60).MinorGridLines(lines => lines.Visible(false)))
            .Tooltip(tooltip => tooltip.Visible(true))
            .Series(s => s.Line("command0", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("command1", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("command2", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("command3", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("command4", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("energy_consumption", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("energy_cost", "instant").Style(ChartLineStyle.Step))
            .Series(s => s.Line("qos", "instant").Style(ChartLineStyle.Step))
            .Legend(l => l.Position(Kendo.Mvc.UI.ChartLegendPosition.Bottom))
            .DataSource(ds => ds.Read(read =>  read.Action("GetPLValues", "Optimizations").Type(HttpVerbs.Get)))
            .Render();  
        %>
    </div>

How can I set those names from the server side code?

Thank you in advance