How to define different layout based on media queries? Autoflow to another row etc?

We want to implement something which is similar to the "EditForm" edit-mode in RadGrid for ASP.NET Ajax.

This looks promising: https://docs.telerik.com/kendo-ui/controls/scheduling/scheduler/how-to/editing/external-editor-form

However, we are in the situation where the grid's columns are created dynamically, based on configuration from a database.

Thus, we would have to implement the external editor form dynamically as well. Not impossible, of course, but I would rather avoid it :-)

The standard popup editor is, as far as I understand it, created dynamically, based on the columns of the grid. So, perhaps I could use the popup editor's template, but use it as an external form. Would that be possible (assuming you understand my question :-)

A follow-up question:

Once I have solved this (either by implementing it myself or re-using the popup editor), I would like to generate one external form per row in the grid.

In other words, if there are three rows in the grid, there would be three instances of external forms (stacked vertically). Is that possible? A sample for this, maybe based on this would be ideal! https://dojo.telerik.com/ITaciTAc

Thanks!

/Fredrik

why didn't my text show up in the thread?

 

 

By default the group expanding in grid - is fine.

But, we have the following issues in grouping with virtual scroll:
1. If we collapse the expanded row,the remaining rows are not coming to visible. 

Refer image: Telerik-jquery-ui-exp-col-issue

2. By default the group columns should be in collapse state.

Refer image: Telerik-jquery-ui-def-col-issue

 

 

Could you please suggest solution for these issues?

 

Also we have one more question:  we would like to do 'server side data processing', so we refer the following links

https://demos.telerik.com/kendo-ui/grid/virtualization-remote-data

https://demos.telerik.com/kendo-ui/grid/grouppaging

Could you please suggest, how do we use Kendo UI grid in ASP.Net webform and Ajax?

 

Thank you,

Jayachandran. J

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