Telerik Forums
UI for ASP.NET MVC Forum
2 answers
408 views
We need your feedback, because we are considering changes in the release approach for Telerik UI for ASP.NET MVC. Please provide your feedback in the comments section below:


1. Is it hard to understand the version numbers of our releases? If yes, what makes them hard to understand them?

2. Would semantic versioning (SemVer) of our releases make it easier to understand our version numbers and what's behind them?

3. If we go with SemVer, we might need to start with version 3000.0.0 as we currently use 2022.x.x. Please share your thoughts about this approach and ideas for what number versioning would work best for you.

Anders
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 10 Aug 2023
0 answers
7 views

Yea, I know...that's a lot to ask.  I've gotten very close.  My code is below.

What I need is a tooltip that renders the results of a partial view when user hovers a specific column (column #6) in the kendo grid (mvc razor).  I need to show a list of active orders for the given row in the grid.

If the row.OnOrder = 0, I see the proper tooltip text "- no orders found -".

But when row.OnOrder > 0 and the AJAX call is necessary, the tooltip just shows an empty tooltip box (shown in screenshot).  In Chrome Network tab I can see the ajax call made, and I can see the html response of the partial view.  So I'm fairly certain the partial call is working and responding correctly.  VS debugger shows the controller gets hit and returns the view.  But the result doesn't populate to the tooltip.  I just get a little grey box.

I feel like I'm missing some really, really small but I can't tell what.  Any suggestions?  The partial view does have a kendo grid in it as well, if that matters.

document.ready():

            $("#grdStockLevels").kendoTooltip({
                filter: "td:nth-child(6)", // Adjust the selector to target the specific column
                position: "top",
                content: function (e) {
                    var dataItem = $("#grdStockLevels").data("kendoGrid").dataItem(e.target.closest("tr"));

                    if (dataItem.OnOrder > 0) {
                        return $.ajax({
                            url: '@Url.Action("OpenOrderList", "Purchasing")',
                            type: 'GET',
                            async: false,
                            data: {
                                productId: dataItem.ProductId,
                                optionList: dataItem.OptionList
                            }, 
                            dataType: 'html'
                        });
                    } else {
                        return "- no open orders -";
                    }

                }
            }).data("kendoTooltip");

 

Controller partial view:

        public ActionResult OpenOrderList(int productId, string optionList)
        {
            // validate product
            Product p = _productRepo.Load(productId);
            if (p == null) return new HttpStatusCodeResult(HttpStatusCode.BadRequest);

            // locate open order items
            var orderItemList = p.SupplierOrderItems.Where(z => z.OptionList == optionList && z.Order.OrderStatus.IsActive).ToList();

            IList<SupplierOrderModel> model = orderItemList.Select(x => new SupplierOrderModel()
            {
                OrderNumber = x.Order.OrderNumber,
                EtaDate = x.Order.EtaDate,
                SupplierShipMethodId = x.QtyRemain
            }).ToList();

            return PartialView("_OpenOrderListPopup", model);
        }

 

partial view:

@model IList<SupplierOrderModel>


@(Html.Kendo().Grid(Model)
    .Name("grdOpenOrderList")
    .Columns(columns =>
    {
        columns.Bound(p => p.OrderNumber).Title("Order Number");
        columns.Bound(p => p.EtaDate).Title("ETA Date").Format("{0:MM/dd/yyyy}");
        columns.Bound(p => p.PurchaseMethodId).Title("Qty On Order");
    })
    .HtmlAttributes(new { style = "height: 550px;" })
)

Joe
Top achievements
Rank 1
 asked on 07 Nov 2024
0 answers
13 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!

Tomislav Bronzin
Top achievements
Rank 1
 updated question on 07 Nov 2024
3 answers
32 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
17 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
16 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
18 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
19 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
16 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
12 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?