Hi,

I wasnt sure what category this question belongs as I dont know if the issue is Grid or DataSource related. So here it is.

I've created a kendoWindow that contains a KendoGrid with a height of 350px. The problem Im having is that the Grid is not maintaining the height (and impl scroll overflow) when the window is opened multiple times.

Here is the code, (apologies for its length, Im this one bug away from it being complete) http://dojo.telerik.com/uCayI

The problem persists regardless of is the dataSource is static or remote.

You can see the bug if you run the code then open either of the windows mulitple times, you'll see the lower buttons vanish.

Please ask if anything is unclear.

Regards, 
Grant

Using the latest version in combination with angular 1.5.8 using components it appears that the multi-select doesn't show anything when i use an ng-model binding.
I created an example at http://dojo.telerik.com/@Marcel/osoHA/2 to show you the problem.
I know i can use k-ng-model to successfully bind, but that raises other problems in my application due to custom directives that require ng-model, angular validation, etc.

Is this a known (broken) issue and is there a workaround to solve this problem ?

Hello,

I have model that looks like

 public class VacUserSecurityModel
    {
        private bool isCurrentUser;

        public VacUserSecurityModel()
        {
            this.Claims = new List<UserClaim>();
        }    

        public string Id { get; set; }
        public string Email { get; set; }
        public string UserName { get; set; }
        [UIHint("ClaimsEditor")]
        public List<UserClaim> Claims { get; set; }
    }

Here is a grid 

@(Html.Kendo().Grid<VacUserSecurityModel>
    ()

    .Name("allGrid")
    .DataSource(datasource => datasource.Ajax().Read(read => read.Action("ReadAllUserClaims", "Authorization"))
    .Update(update => update.Action("UpdateUserClaims", "Authorization"))
    .Model(model =>
    {
        model.Id(p => p.Id);
        model.Field(p => p.UserName).Editable(false);
        model.Field<List<UserClaim>>(e => e.Claims);
    }))
    .NoRecords(x => x.Template("<div class='k-grid-norecords-template'>No records</div>"))
    .Editable(editable => editable.Mode(GridEditMode.PopUp))
    .HtmlAttributes(new { style = "height:550px;" })
    .Columns(columns =>
    {
        columns.Bound(c => c.Id).Visible(false).Title("ID");
        columns.Bound(c => c.UserName).Width(250).Title("User");
        columns.Bound(c => c.Claims).ClientTemplate("#=claimsTemplate(Claims)#");
        columns.Command(commands => { commands.Edit(); });
    })
)

Claims Editor:

@model  Models.Authorization.VacUserSecurityViewModel
@(Html.Kendo().MultiSelect()
    .Name("RoleClaims")
    .Placeholder("Select roles")
    .DataTextField("ClaimValue")
    .DataValueField("ClaimValue")
    .BindTo((System.Collections.IEnumerable) ViewData["RolesDictionary"]))

How do I need to change the grid definition to bind Claims property to be able to edit this collection? During update, Claims property has old values regardless what I select.

Any help will be appreciated.

Hi Team,

I am unable to bind Kendo ui grid from stored procedure using entity framework and I am able to bind kendo ui from table using entity framework.
PFB Code for bind

from table:

From Stored procedure:


kindly help me how to get this done using stored procedure.
thanks for advance.

Regards,
Mani

I'm writing an inventory system using mostly the Kendo UI Grid to process the invoicing system. When I'm creating a new invoice I need to create the invoice first, and then add the line items to the invoice and save it. I'm creating my invoice through an AJAX request and then using the create method of the DataSource to add the line items. I'm able to submit the invoice through my API and get back a response from the server with the newly created object, however how do I get the newly created object to interact with my Grid? Specifically I need the ID of the new invoice to add to the InvoiceID field of each of the line items of my Grid.

My thinking is that the best place to create the Invoice is in the saveChanges event of the Grid. Due to the asynchronous nature of JavaScript, which is somewhat new to me, how do I gt the object? Here is my code:

The invoice is created successfully and I need to take the ID of that object and apply it to the line items of each row in the Grid. What is the best way of doing this?

 

 

 

Hello,

i have problem with kendo MVC Grid with presist state. After I load grid setting from localStorage (Grid is grouped by Subject column) and click on filter icon in column which has enabled MultiCheckbox filtering (DP or ZS) , I got this error in js console:

After this error grid stop work...

This is problem occurs only with multicheckob filtering column.

This is a my sample code:

 

 

Model:

 

It is a bug ?

The problem detected in this versions of KENDO

Kendo UI version: "2016.1.412"

Kendo UI version: "2016.2.714"

.

Thanks for help !

I'm not sure I'm totally getting The Kendo Way of the doing things yet. My instinct is to get the data I need from the grid, do what I need with it, then manually update the grid. It seems to me, the grid want to be the single point of truth for data and functions.

I am using server-side paging with an API. The API can cope with pageSize and page parameters, which are defined in the grid. That means I am only ever seeing, say, 20 records at a time. To do this, the read function has an options param that "magically" contains pageSize and page.

I want to be able to check one or several or all, or even all-minus-one orders, and send them "down the pipe".
Each row has a checkbox, and then there is a 'Select All' button.

Since the grid only sees a small window of data, I don't think I can keep track of all order states in the front end. (If I'm on page one, the grid knows nothing about any orders except the first 20).

So, my solution is to have a separate end-point: api/orders/selectall. It has no params (except pageSize and page) and simply tells the back end to flag all orders as 'in-progress'. Upon return, it needs to deliver tohse 20 records and tell the grid to refresh.

So my question(s), after all that is/are:
How does my select all button interact with the grid?

 

I need to 

1. get that options item (below, I'm faking it)
2. make the call via my api, and stuff the new data back into the grid

Do I call read()? How? I'm outside the grid. vm.masterGrid.dataSource.read()?

1. vm.selectAll = function () {

       console.log(vm.masterGrid.gridOptions)

       var  options = {

           data: {

               pageSize: 20,

               page: 1

           }

       };

       vm.selectAllOrders(options);

   };

How do I remove menus that appear when you right click on the spreadsheet widget.

Hi, 

we develope an application with Kendo mobile and we use the router for navigation :                            

router.navigate("viewPath");

In application there is a situation when we need to submit a saving dialog to navigate to other view. Sometimes in this case occures a problem that the application just flashes like it was navigated to the next view (also in code it is acting like that) but the previous view is freezed on the top.

For example you have an app with views:

some home page -> products view -> product detail

- I navigate from home page to products view and to specific product - when I want to save a product detail a dialog is shown - I submit the saving and it should go back to products view. But it doesnt. When I use a native android back button it flashes and seems to navigate to products view for a second but still the product detail is freezed on the window after that (if you press native back buttons more times it asks if you want to close the app like you were on the home page).

Is it possible to solve the navigation some other way to avoid this problem? 

Thank you in advance.

 

 

 

This is regarding bug with Kendo MultiSelect control.
We have updated kendo UI version from 2014.3.1411 to 2016.1.226
Below code was working fine with version 2014.3.1411 for kendo multiselect (It was able to perform below operations)
1. set pre-loaded value in kendo multiselect
2. data filtering while typing in kendo multiselect.

  ms = $(this).kendoMultiSelect({
                itemTemplate: inlineTemplate,
                tagTemplate: tagTemplate,
                delay: 200,
                placeholder: placeHolder,
                minLength: 3,
                maxSelectedItems: maxSelects,
                autoBind: true,
                change: change,
                select: select,
                dataSource: preSelected,
                dataValueField: returnField,
                value: preSelectedObjectSids,
               dataTextField: "DisplayName"               
            }).data("kendoMultiSelect");
    ms.setDataSource(ds);

Now, The above operations has stopped working due to upgrade in its version to 2016.1.226

Tried to set multiselect value i.e. ms.value(preSelectedObjectSids) but it doesn't work.

when i remove  ms.setDataSource(ds) from above code, kendomultiselect holds the pre-loaded value but then it changes the entire datasource to single pre-loaded value. Obviously i cannot search or set any other value further in the multiselect

Is this known issue in latest kendo UI version 2016.1.226?

Could you suggest what i can try to fix this problem?