Questions on UI for ASP.NET MVC Forum

1 answer

425 views

I need to be able to add a form button in the content using the editor. Using the "view html" tool, I am able to create a button. However, I need this button to have an "onclick" property. This was possible in pervious rad editor. Is this a possibility in the current editor?

Currently, that "onclick" property value gets stripped out when pressing "update".

<inupt type="button" onclick="myfunction()" value="here" />

Editor

answered on 03 Mar 2022

1 answer

284 views

[Bug] ContentHtmlAttributes for TabStrip

Hey guys,

I got the problem that "ContentHtmlAttributes" are not applied when loading with "LoadContentFrom".

Same problem as in this thread, but that one is old and was posted in community forum.

My TabStrip:

@(Html.Kendo().TabStrip()
	  .Name("tabStripNav")
	  .Items(x =>
	  {
		  x.Add()
		   .Text("Header 1")
		   .ContentHtmlAttributes(new { style = "background-color: red !important;" })
		   .LoadContentFrom("Action1", "Controller", new{itemId = Model.Id});
		  x.Add()
		   .Text("Header 2")
		   .LoadContentFrom("Action2", "Controller", new{itemId = Model.Id});
		  x.Add()
		   .Text("Header 3")
		   .LoadContentFrom("Action3", "Controller", new{itemId = Model.Id});
	  })
	)

Am I doing anything wrong here?

Best regards

Nils

TabStrip

answered on 03 Mar 2022

0 answers

120 views

Change Grid MultiFilter operator not working

I changed the value of checkboxes of a column filter, because I use a custom template in the column. I need to change the operator from 'equal' to 'contains', but if I change the grid won't show the filters.

Operator changed to "contains":

Without changed the operator:

I use this method to change operator (this method subscribed to grid's Filter event):

function gridFilter(e) {
if (e.filter) {
e.filter.filters.forEach(function (f) {
f.operator = "contains";
})
}
}

What did I wrong? Why does not work the multifilter with "contains" operator?

Filter

Grid

asked on 03 Mar 2022

5 answers

145 views

Excel-like functions not present in Telerik

Good morning,

we would need to implement the following excel-like functions on a Telerik spreadsheet:
- Average/Sum/Count of the selected cells. (sum-avarage-count.jpg)
- copy-paste in the cells below with respect to a cell selected by double clicking in the lower-right corner. (copy-paste double click 1/2.jpg)

Are there any options in Telerik to replicate these features?

Kind regards,

Spreadsheet

answered on 03 Mar 2022

1 answer

152 views

Export To Excel From Grid Client Detail Expand Spreadsheet

I have a grid that contains a child detail spreadsheet. I am trying to duplicate some code I used from another Kendo Spreadsheet, but each spreadsheet and Export button needs to have a unique id. In the form I am using to export the Excel for the spreadsheet, I am using a Kendo Button to allow addition of the unique id (TplNum) from the parent grid. For some reason, the template is not valid when I add the Kendo Button. Any ideas?

I was going to use the Click event to determine the TplNum based on location of the button or the button id field in the Javascript callback, but thought that was giving me problems. Currently, I gave the buttons a class, "export_excel" and I'm trying to create a jQuery onClick function in my document.load, which is invoked based on class, rather than id.

$(document).ready(function () {
$(".export_excel").click(function (e) {

}

Button

Grid

Spreadsheet

answered on 28 Feb 2022

1 answer

208 views

Increase or decrease decimal places of a value cell

Good morning,

in a Telerik spreadsheet, is there a property to set the number of maximum decimal places of the value of each single cell? what default value has this property set?
What scope does it have? Is it set for each single cell or on the entire spreadsheet?

For example we have a cell that has value with 11 decimal places, how can we modify it (increase or decrease it)?

Kind regards,

Spreadsheet

answered on 25 Feb 2022

1 answer

185 views

Increase the maximum limit of digits for cells with format number

Good morning,

is there the possibility on a Telerik spreadsheet to increase the maximum limit of digits (currently 15 digits) for cells with format number?

Kind regards,

Spreadsheet

answered on 25 Feb 2022

0 answers

903 views

Switch in Grid Client Detail

I have a switch control, placed inside of a tab control, in a client detail template, as part of a grid.

I need to bind the switch checked property, to a value stored in the grids dataset, which is a Boolean. However, the code causes the error:-

Preprocessor directives must appear as the first non-whitespace character on a line

The code is:-

<script id="subsubdetailsTemplate" type="text/kendo-tmpl">

@(Html.Kendo().TabStrip().Name("Tabstrip_#=ReportID#")
         .Items(i =>
         {

         i.Add().Text("Report Details").Selected(true).Content(@<text>


    <div>

    <p> #=HideOnCatalogue#</p>

    Hide from Catalogue?:
     @(Html.Kendo().Switch()
                    .Name("switch_#=ReportID#")
                    .Events(e => e.Change("function(e){ switchChange(e, '#=ReportID#')}"))
        .Checked(#=HideOnCatalogue#)
        .Messages(c => c.Checked("YES").Unchecked("NO"))
        .ToClientTemplate()
    )


    </div>
    </text>);

       



         }).ToClientTemplate())


</script>

How can I bind the value to the switch? I can display the value in a <p> tag without a problem, as well as passing the report ID to the function called when the switch is clicked.

Thanks

Switch

asked on 24 Feb 2022

0 answers

231 views

DataSource Filters never Clear after first time Loaded!

Each Filter only loads Once! After a full page refresh/reload, and a page search and data load to the Grid/dataSource

- then the Grid Filters (smart drop downs) will load after clicking the first time (only) based on grid data values.

However, when the query is changed to load more or less data in the grid with a new "dataSource.read()"

- Then the Filters are never cleared or reloaded, so are no longer "Smart" based on the (new) data in the grid?

Have tried everything online and in forums to clear the filters, nothing works.

The datasource "filter" method is read (get) only - why is there no "flush" or "clear" or reload method for the filter(s)?

Is there a list indicating whether that filter was already activated (container created) or not, that you could just clear after removing the containers!? (last 4 lines below)

Filter

updated question on 23 Feb 2022

1 answer

252 views

Adding simple dropdown to grid?

I've read the examples, and I've followed along as best as I can, but I'm still having an issue getting a simple dropdown into my grid (ASP.NET MVC)

I have a model called Supplier, and a model called VehicleType

        public class Supplier
    {
        [Key]
        [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
        [Display(Name = "Id")]
        public int SupplierId { get; set; }

        [Display(Name = "Supplier Number")]
        public int SupplierNumber { get; set; }

        [Display(Name = "Name")]
        public string SupplierName { get; set; }

        [Display(Name = "Vehicle Type Id")]
        public int VehicleTypeId { get; set; }

        [Display(Name = "Status Id")]
        public int StatusId { get; set; }
        // I added this
        [NotMapped]
        [UIHint("VehicleType")]
        public VehicleType VehicleType { get; set; }

    } 
    public class VehicleType
    {
        [Key]
        [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
        public int VehicleTypeId { get; set; }
        public string VehicleTypeName { get; set; }
    }

My Grid is as follows:

@(Html.Kendo().Grid<MyProject.Models.Schedule.Supplier>
    ()
    .Name("grid")
    .Columns(columns =>
    {
        columns.Select().Width(50);
        columns.Bound(p => p.SupplierNumber).Filterable(ftb => ftb.Multi(true));
        columns.Bound(p => p.SupplierName).Groupable(true).Filterable(ftb => ftb.Multi(true));
        //columns.Bound(p => p.VehicleTypeId).Filterable(ftb => ftb.Multi(true));
        columns.Bound(p => p.VehicleType).ClientTemplate("#=VehicleType.VehicleTypeName#").Sortable(false);

    })
    .Pageable()
    .Sortable()
    .ToolBar(toolBar =>
    {
        toolBar.Create();
        toolBar.Save();
    })
    .Editable(editable => editable.Mode(GridEditMode.InCell))
    .PersistSelection()
    .Scrollable()
    .Groupable()
    .Filterable()
    .HtmlAttributes(new { style = "height:600px;" })
    .Resizable(r => r.Columns(true))
    .DataSource(dataSource => dataSource
        .Ajax()
        .Model(model => model.Id(p => p.SupplierId))
        .PageSize(100)
        .Events(events => events.Error("error_handler"))
        .Read(read => read.Action("GetSuppliers", "Schedule"))
        .Update(update => update.Action("EditSupplier", "Schedule"))
        .Create(create => create.Action("CreateSupplier", "Schedule"))
    )
    )

My controller looks like this:

        // View for the page
        public ActionResult Supplier()
        {
            ViewData["vehicleTypes"] = new Models.MyContext()
                .vehicleTypes
                .Select(v => new VehicleType
                {
                    VehicleTypeId = v.VehicleTypeId,
                    VehicleTypeName = v.VehicleTypeName
                })
                .OrderBy(v => v.VehicleTypeName);

            return View();
        }

        // Using this to get the data for the grid
        public ActionResult GetSuppliers([DataSourceRequest] DataSourceRequest request)
        {
            List<Models.Schedule.Supplier> result = MyLogic.suppliers();
            return Json(result.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }

And finally I created an EditorTemplate called VehicleType.cshtml

@(Html.Kendo().DropDownList()
        .Name("VehicleType") 
        .DataValueField("VehicleTypeId")
        .DataTextField("VehicleTypeName")
        .BindTo((System.Collections.IEnumerable)ViewData["vehicleTypes"])
    )

When I try to view the grid I get this error:

The entity or complex type 'MyProject.Models.VehicleType' cannot be constructed in a LINQ to Entities query.

After some googling, I changed my ViewData lookup in my controller to this:

Which displays my grid (empty though there should be 31 rows) and the console has the following error:

Uncaught TypeError: Cannot read properties of null (reading 'VehicleTypeName')
    at eval (eval at compile (kendo.all.js:241:30), <anonymous>:3:3673)
    at init._rowsHtml (kendo.all.js:74650:37)
    at init._renderContent (kendo.all.js:75513:34)
    at init.refresh (kendo.all.js:75329:22)
    at init.d (jquery.min.js:2:3873)
    at init.trigger (kendo.all.js:171:37)
    at init._process (kendo.all.js:8341:22)
    at init.success (kendo.all.js:8037:22)
    at success (kendo.all.js:7928:42)
    at Object.n.success (kendo.all.js:6762:25)

Can someone point me in the right direction here?

Without trying to add the dropdown, it all works as expected, but I'd rather not have to type in the id values when editing/creating a row

I've been bashing my head against the wall for it for a couple of hours now, so any kind of help would be greatly appreciated.

Thanks

DropDownList

Grid