Telerik Forums
UI for ASP.NET MVC Forum
1 answer
123 views

Hi!
I am upgrading my .NET 4.8.1 MVC project from 2013 to 2024.
However, I am struggling to do  the following:
1) In old setup (2013), there were .css files which were referenced in the Layout file.
Example: "https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.silver.min.css"

After upgrading to 2024 (via Telerik extension), I cannot find a theme with the same name locally and I cannot use the same CDN link (with modified package version of course).

I found the following info: CDN Info but was not able to follow through and my styles are still not applied.

Here are my original CDN links that need to be updated to 2024.3.1015
https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.common.min.css - Edit: I have managed to find a link for this (or similar version) on Kendo Dojo repo

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.rtl.min.css - Edit: I have managed to find a link for this (or similar version) on Kendo Dojo repo

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.silver.min.css - Have not managed to find this (please help)

https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/kendo.dataviz.silver.min.css - Have not managed to find this (please help)

Above those, I included the licence snippet:

   <script src="@Html.Raw("https://unpkg.com/@progress/kendo-licensing/dist/index.js")"></script>
   <script>KendoLicensing.setScriptKey('myLicence');</script>

 

How do I fix my links? Any help is greatly appreciated.

Thanks!

Ivan Danchev
Telerik team
 answered on 12 Nov 2024
2 answers
111 views

Using the following script to build a Filter and DataSource.


When I click the Apply button I would expect the Filter Property in the method to be populated. See screen print below

    <script>
        $(document).ready(function () {
            var dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        dataType: "json",
                        url: "/Home/Products_Read"
                    }
                },
                serverFiltering: true,
                pageSize: 4,
                schema: {
                    model: {
                        fields: {
                            ProductName: { type: "string" },

                        }
                    }
                }
            });

            $("#filter").kendoFilter({
                dataSource: dataSource,
                expressionPreview: true,
                applyButton: true,
                fields: [
                    { name: "ProductName", type: "string", label: "ProductName" },
                ],
                expression: {
                    logic: "or",
                    filters: [

                        { field: "ProductName", value: "Chai", operator: "contains" }
                    ]
                }
            });

        });
    </script>

 

 

  
Barış Can
Top achievements
Rank 2
Iron
 answered on 11 Nov 2024
3 answers
76 views

We have an HTML5 page, with a Kendo MVC Grid on it via Razor.  There is an editable column on the grid.  It does not have an editor template or anything special on it.  It is just a basic text column, which is editable(true).  When using a keyboard tab button, or a mouse, everything works fine.  If you use a touch device (phone / tablet) and leave the open cell via touch, the value you enter is cleared.

columns.Bound(p => p.Comment).Title("Comment").Width("120px");

One note:  if the column had a value, before you touch clicked into it, touch clicking out of the column doesn't clear the value.  If you touch click into a column with a value, then you add to the value, touch clicking out of the field using touch resets the value back to what it was.

So, clearly, it seems like the cell's save value event is not getting triggered when using touch to leave the cell.  This behavior isn't a problem when it is just a textbox in a form.  It just seems to happen when in an editable grid.

How can I make sure the updating event happens when using touch to leave the cell?

Stephen
Top achievements
Rank 1
Iron
 updated answer on 07 Nov 2024
1 answer
45 views

Is it possible to sum a column without using Ajax in the datasource?

@(Html.Kendo().Grid<myModel>(myEnumerableViewModel )
.Name("myGrid")
.Columns(c =>
{
c.Bound(x => x.myColumn);
})
)
Mihaela
Telerik team
 answered on 31 Oct 2024
1 answer
78 views

I have a grid popup edit template that includes a Kendo dropdown.  I need to pass a model property value as the parameter to the Read() method of the dropdown.  But the model is null when the Read() method gets called.   So the value is always 0.  

I've defined the Field in the parent grid.  I even added it as a column too.  Model.ProductId is always 0.

How do I pass a value from the popup editor model to the controller for the dropdown?

                    @(Html.Kendo().DropDownList()
                        .Name("WarehouseId")
                        .OptionLabel("Select a warehouse...")
                        .HtmlAttributes(new { style = "width: 100%" })
                        .DataTextField("Text")
                        .DataValueField("Value")
                        .Value("-1")
                        .DataSource(source =>
                        {
                            source.Read(read =>
                            {
                                read.Action("Inventory_Warehouse_Read", "Purchasing", new { productId = @Model.ProductId});
                            });
                        })
                        .Height(400)
                        )

Mihaela
Telerik team
 answered on 29 Oct 2024
1 answer
50 views

Hi, I am new to this, so I apologise if this is a simple question/answer.

I have been asked to "learn while doing" on some code .

at the moment, if a filter is used on a ride, and it return matches, the first row is selected, and that data is then used to help get data for the tab strip.

If the filter returns on rows, the tapstrip still has the data showing for the previous (still selected ? ) row .

 

I have tried

            grid.bind("dataBound", function () {
                var displayedRows = grid.tbody.find(">tr");
               var tabStrip = $("#details").data("kendoTabStrip");
					
                if (displayedRows.length === 0) {
                    // Display the length of displayed rows for troubleshooting
                    /*                    alert("Number of displayed rows: " + displayedRows.length); // Show in alert for easier visibility*/
                    //var tabStrip = $("#details").data("kendoTabStrip");
                    tabStrip.contentElements.empty(); // Clear tab content
                    tabStrip.contentElements.append('<div class="no-data">No Data Available</div>'); // Add "No Data Available" message
                }
                else {
                }
            });

and this works for the First time it finds length = 0, but if I clear the filter and do a search that has results, or clear the filter and select the first row in #grid, the tabstrip is not updated.

 

please can someone advise what I need in the else clause, as anything gi put in here either doesn't work, or "breaks" the other options grid.binds i have in that sets the default search filter on one column to "contains". 

 

thanks

Gerald
Top achievements
Rank 1
Iron
Iron
 answered on 24 Oct 2024
1 answer
77 views
I'm trying to figure out how to customize scheduler event action controls like edit and delete. By default events are edited by double-click and deleted by an 'x' button that appears on hover. Is there a straight-forward way to have controls in the custom event template to have that functionality and disable the default method?
Eyup
Telerik team
 answered on 19 Oct 2024
1 answer
89 views

hi everybody,

I have this grid that works well, and pass the id=0 when clicking on the icon, unfortunately I can't find away to pass the hidden ID value.

is there something I am missing here.

I appreciate any help from you guys

regards, Ray

@(Html.Kendo().Grid<HeatersLibrary.Models.DocumentsViewModel>
    ()
    .Name("grid")
    .Columns(columns => {
        columns.Bound(p => p.ID).Hidden();
        columns.Bound(p => p.Brand);
        columns.Bound(p => p.Size);
        columns.Bound(p => p.Type);
        columns.Bound(p => p.PartNumber);
        columns.Bound(p => p.Filename);
        columns.Bound(p => p.Description);
        columns.Bound(null).Title(" ").Width(50)
        .ClientTemplate(
            @Html.ActionLink(" ", "EditDoc", "Home", new { id=0 }, htmlAttributes: new { @class = "glyphicon glyphicon-pencil", @title = "Edit Description" }).ToHtmlString() + " | " +
            @Html.ActionLink(" ", "DeleteDoc", "Home", new { id=0 }, htmlAttributes: new { @class = "glyphicon glyphicon-trash", @title = "Delete Description \n WITHOUT CONFIRMATION" }).ToHtmlString()
            )
        ;

    })
    .Pageable()
    .Scrollable()
    .HtmlAttributes(new { style = "height:250px;" })
    .DataSource(dataSource => dataSource
    .Ajax()
    .PageSize(10)
    .Read(read => read.Action("BindingDocuments", "Home").Data("additionalData"))
    )
    )

Raymond
Top achievements
Rank 1
Veteran
Iron
 answered on 18 Oct 2024
1 answer
43 views

https://www.telerik.com/forums/setoptions-clearing-the-toolbar

I found the above forum thread with a solution/sample link to github but that page no longer exists (HTTP 404). Where can I find the sample now? or else, is there an alternative solution introduced in past 3 years?

Eyup
Telerik team
 answered on 18 Oct 2024
1 answer
147 views
Hello,

I am currently working with a Kendo Grid in my ASP.NET MVC application, specifically with a foreign key column that retrieves its data from a separate data source. I have enabled filtering on this grid, and I would like to implement a "contains" filter for a foreign key column, specifically for the "Locations" column.

Here’s the relevant portion of my Kendo Grid configuration:
            @(
                Html.Kendo().Grid<FMS_Cloud_CoreMVC.ViewModels.EnergyAdmin>()
                            .Name("EAData")
                            .Filterable()
                            .Columns(
                            
                            columns =>
                            {
                                columns.ForeignKey(p => p.CompLocID, ds => ds.Read("GetLocations", "EnergyAdmin"), "CompLocID", "CompLocString")
                                .Title("Locations").Width(300)
                                .Filterable(ftb => ftb.Cell(cell =>
                                    cell.Operator("contains").SuggestionOperator(FilterType.Contains)));





                    columns.ForeignKey( p => p.Provider, ds => ds.Read( "GetEnergyProviders", "EnergyAdmin"), "DDLID", "ProviderName")
                    .Title("Provider").Width(150) ;
                               
                    columns.Bound(p => p.NMI).Width(150);
                    columns.Bound(p => p.WWDeviceId).Width(150);
                   

                    columns.Command(command => { command.Edit().Text(" "); command.Destroy().Text(" "); }).Width(200);
                })
                .ToolBar(toolbar => toolbar.Create())
                .Editable(editable => editable.Mode(GridEditMode.InLine))
                .Pageable()
                .Sortable()
                .Scrollable()
                .HtmlAttributes(new { style = "height:730px;" })
                .DataSource(dataSource => dataSource
                .Ajax()
                .PageSize(20)
                .Events(events => events.Error("error_handler"))
                .Model(model => model.Id(p => p.EnergyAdminId))
                .Create(update => update.Action("EditingInline_Create", "EnergyAdmin"))
                    .Read(read => read.Action("EditingInline_Read", "EnergyAdmin").Data("myCustomReadParam"))
                .Update(update => update.Action("EditingInline_Update", "EnergyAdmin"))
                .Destroy(update => update.Action("EditingInline_Destroy", "EnergyAdmin"))
                )
                )





While the "contains" filter works as expected with a simple text column, I would like to maintain the dropdown functionality for the foreign key column. Is there a way to achieve a "contains" filter on a foreign key column while still allowing users to select from the dropdown options?

I would greatly appreciate any guidance or examples you can provide.

Thank you in advance for your assistance!
Eyup
Telerik team
 answered on 14 Oct 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?