I am trying to implement a Grid with a Dropdownlist as custom Editor Template. The list items in Dropdownlist should be based on value from Grid row.

My Grid is like this.

@(Html.Kendo().Grid<GridViewModel>()
                    .Name("grid-results")
                    .Sortable()
                    .Groupable()
                    .Columns(columns =>
                    {
                        columns.Bound(p => p.Id).Hidden().Groupable(false);
                        columns.Bound(p => p.Total)
                            .ClientFooterTemplate("Grand Total: #=kendo.toString(sum, 'C4')#")
                            .FooterHtmlAttributes(new { style = "font-weight:bold; text-align:right;" })
                            .HtmlAttributes(new { style = "text-align:right" });
                        columns.Bound(p => p.StatusId ).Title("Resolution Status")
                            .ClientTemplate("#=StatusName#")
============> .EditorViewData(new { statusId = "#=StatusId #" })
                            .EditorTemplateName("StatusList"); // file name
                        columns.Bound(p => p.User);
                    })
                    .Pageable(paging => paging
                      .Info(false)
                      .Input(true)
                      .Numeric(false)
                      .PageSizes(new Int32[] { 5, 10, 20 })
                      )
                    .Editable(editable =>
                    {
                        editable.Mode(GridEditMode.InCell);
                    })
                    .Resizable(configurator => configurator.Columns(true))
                    .DataSource(dataSource => dataSource
                        .Ajax()
                        .ServerOperation(true)
                        .Read(read =>
                        {
                            read.Action("GetResults", "Home").Data("onFilterSelection");
                        })
                        .PageSize(10)
                        .Model(model =>
                        {
                            model.Id(p => p.PoId);
                            model.Field(p => p.Total).Editable(false);
                            model.Field(p => p.StatusId ).Editable(true);
                            model.Field(p => p.User).Editable(false);
                        })
                        .Aggregates(aggregates =>
                        {
                            aggregates.Add(p => p.Total).Sum();
                        })
                    )
                )

editor template is like
@(Html.Kendo().DropDownList()
        .Name(ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty))
        .DataValueField("ListStatusId")
        .DataTextField("ListStatusName")
        .DataSource(dataSource =>
            {
                dataSource.Read(read =>
                    {
                        read.Action("GetStatusList", "Home", new { statusId = ViewData["statusId"] });
                    });
            })
)
Controller Action:
public JsonResult GetCustomizeResolutionStatusList(string statusId)
        {
            List<StatusModel> status = new List<StatusModel>();

           // code to get list of StatusModel based on statusId

            return status ;
        }
GridViewModel
public class GridViewModel
    {
        public int Id { get; set; }
        public decimal Total { get; set; }
        public short StatusId { get; set; }
        public string StatusName { get; set; }
        public string User{ get; set; }
}

StatusModel
public class StatusModel
    {
        public int ListStatusId { get; set; }
        public String ListStatusName { get; set; }
    }

I tried to use .EditorViewData(new { statusId = "#=StatusId #" }) to pass GridViewModel.StatusId to dropdownlist editor template. But it doesn't work.
I can't use Model.StatusId since the page level view model is different from Grid view model.
Can someone please help me with this?

Thanks.

I have the Kendo Spreadsheet installed and I can open an Excel file in it using the Open button at the left of the menu toolbar.  However, I want to be able to open an Excel file automatically when my ASP.NET MVC page loads.  The reason is because there are many large spreadsheets in the file and it swamps the browser when it opens.  I want to use Open XML to extract one sheet from the file, save it on the server, then open that one file in the Spreadsheet control.  I can do the Open XML part if someone here can tell me how to automatically open the file in client-side jQuery code, I guess.

Steve

 

I am starting a section using a Kendo UI Grid to add items dynamically from a product source.  That product cell needs to be a searchable textbox. And the first column needs to be an integer only text box for quantity with a trailing last column showing a calculated field calculating the price X quantity.

Are there any links anyone knows of that might have a Telerik demo of doing this sort of layout in a grid?

 

Thanks

 

 

 

I'm using the scheduler component to display events for a day. These events occur one after another and can take different lengths of time but none can occur at the same time.

On a widescreen, the scheduler displays as expected with each event taking up the full width of the scheduler (NormalOperation.png). However, on a screen with a lower resolution or one with the browser zoom higher or lower than 100%, the events do not take up the entire width but appear as if they happen at the same time (DisplayIssue.png).

I have tried removing the custom style sheets we have in case there are any conflicting styles but this doesn't seem to make a difference.

Changing the start time of the events to 1 second later did seem to fix the issue but only when zoomed out in the browser.

Any help would be appreciated,

Ben

 

Hello Dear,
I have a problem when I use DropDownList in IPAD 13.0 Safari browser - Request Desktop Sites is on

<device>

IPAD IOS version - 13.5

<kendoUI Version>

v2013.2.918

<Source>

$(tagName).kendoDropDownList({

        dataTextField: textField,
        dataValueField: dataValueFieldName,
        dataSource: datasources,
        autoBind: autoBind,
        select : func
});

<descreption>
when the kendoDropDownList is selected by touch, the binded function will never  be fired

<others>

this problem will not happen in IPAD 13.0 Safari browser - Request Mobile Sites is on

this problem will not happen in IPAD 12 Safari browser

this problem will not happen in desktop browser such as Chrome, IE11

 

Based on the old Kendo UI version used and the code modifications + the changes introduced in iOS 13 the issue might be a quite complex one,

I will be very very grateful if  I  can get some hints or advices about how to resolve this issue.

or would someone tell me the difference in dropdownlist when it worked on Safari Request Mobile Sites Mode and Request Desktop Sites Mode

Regards

 

 

 

 

I'm trying to format a numeric text box item with the following:

attributes: {format: "#", decimal: 0}

But it has no efect

Could you give an example of how to achieve the above

 

Thanks

Hello,
I have following grid:


and I have just a simple button:

I would like to achieve this scenario:
When user clicks statistics button I would like to pass DataSourceRequest to WebApi Controller. Then I would like to read all data (change pageSize to total count of records) with current filters set on grid and count average value of data from one of the columns.
I have problem with passing DataSourceRequest to my method in controller. I tried sending object, but it's a bit different from DataSourceRequest so it's not working.
How could I solve this problem?

After Upgrading to Kendo version- 2020 when i am using DatePicker or Date/Time Picker in a Kendo Grid the Calendar and Time is not displaying on clicking the Calender and clock icon also in one case The icons are also not visible. this is happening only when date or date/time picker is used in Kendo Grid

Latest 2019 R3 release,

kendo for dotnet core,

pdf.js same version as from pdf vewier kendo demo cdn,

only started happening in R3, R1,R2 weren't effected.

 

Please see attached.

I'm incorporating Kendo ui widgets into an existing application. Unfortunately, the Kendo theme css is overriding other css styles for non kendo widgets.

Is there a way to prevent kendo theme css from doing this?