Questions on UI for ASP.NET Core Forum

1 answer

797 views

How to pass data to the Tab Content from the kendo observable

I wanted to pass the variable value as querystring to the LoadContentFrom of the tabstrips

@(Html.Kendo().TabStrip()
.Name("employee-details")
.Items(tab =>
{
tab.Add().LoadContentFrom("Index","Employee", new {id: ${employeeID} }).Text("BioData)
}
)
)

<script>
var mvvm = kendo.observable({
employeeID: 1234
});
</script>

How to achieve this?

TabStrip

answered on 13 Aug 2021

1 answer

239 views

Question about editing child grids

I have a parent grid and when you expand a row, it opens up additional child grids with data related to that specific record. I have 2 child grids that I want to be able to edit. We currently are able to edit the parent grid and we have a button users push to take all the changes and save them to the database at the same time (using a function that finds dirty rows). However, I am unsure how to include changes from the child grids or how to even "know" that a change occurred in the child grid.

function saveChanges() {
    var items = [];
    var someGrid = $("#somegrid").data("kendoGrid");
    //Getting all Dirty Rows
    var data = someGrid.dataSource.data();
    var selectedElements = $.grep(data, function (item) {
        return item.dirty
    });
    //
    var dataText = $("#Facility").data("kendoDropDownList").text();
    var facility = dataText.split('-');
    var _facilityDesc = $.trim(facility[1]);
    var _facilityCode = $.trim(facility[0]);

    for (var j = 0; j < selectedElements.length; j++) {
        var item = selectedElements[j];

        items.push({
            'Facility': _facilityCode,
            'FacilityDescription': _facilityDesc,
            //additional columns from someGrid
 });
    }

Grid

answered on 13 Aug 2021

1 answer

658 views

ASP.NET Core - Open multiple instance of same Kendo Window

Hello, I have a page with a Kendo Grid where every row has a custom button to open a Kendo Window.

Like this:

When user click exit button opens this Kendo Window:

This is my current code:

And this is button click:

I want to allow user to click multiple times in exit button and open different kendo windows but when user click in exit button I open a new windows with same id and replace previous one.

Is there any way to implement this behaviour(allow multi kendo windows)?

BR, Miguel Machado

Window

answered on 13 Aug 2021

1 answer

1.2K+ views

Samples ASP.NET Core components

We see a lot of samples in the demo pages.

However, we would like to see them in action and download the fully functional demo on localhost.

On Git I didn't found the samples. Is there, and, if is, where, the sources for ASP.NET compoentnts.

I wonder especially for a sample example of DataGrid, like this one https://demos.telerik.com/aspnet-core/grid/editing-custom

.NET 5 (CORE) for RazorPages, by example

Grid

answered on 12 Aug 2021

5 answers

995 views

Tabstrip in Grid Editor Template (LoadContentFrom)

Hello,

I use a Tabstrip in a Grid Editor Template and want to load the the Content with LoadContentFrom and Parameters like:

tab.Add().Text("Profile (0)").LoadContentFrom("GetPartialView_frmMitgliedaktprofileEdit", "Mitgliedakt", new { mitgliedid = Model.Mitglied_ID, aktid = Model.Akt_ID });

The Problem to have aTabstrip in the grid template is that I cannot access the model values:
new { mitgliedid = Model.Mitglied_ID, aktid = Model.Akt_ID }

How can I load the Content of a tab with Parameters on the Client (reload?) or how to pass the two Parameters for loading if the tab is klicked
(I think it must be on the Client with javascript)

robert

TabStrip

updated answer on 11 Aug 2021

1 answer

186 views

Current Page not selected in Panelbar's subitem

Hey guys,

I'm using the PanelBar for side navigation. For describing my issue the following simple setup should work too.

@(Html.Kendo().PanelBar()
                    .Name("panelbar")
                    .ExpandMode(PanelBarExpandMode.Multiple)
                    .Items(panelbar =>
                    {
                        panelbar.Add().Text("Home").Action("Index", "Home");
                        panelbar.Add().Text("Offers")
                             .Items(offers=>
                             {
                                 offers.Add().Text("Show").Action("Index", "Offers");
                             });
                    })
                )

Each item in the PanelBar is connected to an action. When loading "/Home/Index" the selected item in the PanelBar after loading the page is the first item "Home". It works like expected.

But when loading "/Offers/Index", there will be nothing selected in the PanelBar. So in the end only the items in the highest item level are selected by it's action. You can see it when putting the "Offers/Index" directly under "Home/Index".

panelbar.Add().Text("Home").Action("Index", "Home");
panelbar.Add().Text("Offers").Action("Index", "Offers");

Currently I'm using "2021.2.616". I know from a previous project that this behavior wasn't yet in version "2021.1.119". There the subitems were also selected if the current url matched the href of the item.

Maybe a bug?

PanelBar

answered on 09 Aug 2021

1 answer

9.8K+ views

Docker build failed with local Nuget packages

Hi everyone,

I have a little problem with containerizing my application and I hope that you can help me.
I am currently programming an ASP.NET Core web application using the Nuget package Telerik UI for ASP.NET Core. In order to use this package I have given a local path on my hard drive where the nupkg file is located. (see picture 1)

For the containerization I created the Dockerfile and the Docker-Compose. Everything worked fine during development, but as soon as I try to containerize the app with the command "docker-compose build", I get the following error. -> Unable to find package Telerik.UI.for.AspNet.Core with version> = 2021.2.511 (see picture 2)

I've read that I need a nuget.config file. I created this with the command "dotnet new nugetconfig". Then I added the package source "local" and "nuget.org". "local" refers to the folder "Package" that I created in the project folder and into which I copied the nupkg file. (see picture 3)

If I run the "docker-compose build" command again, I get another error -> The local source [...] doesn't exist (see image 4)

So my question is what do I have to do in order for the Nuget package to be found and the Docker build to work?
(My Dockerfile and Docker-Compose can also be found in the attachments)

Thanks in advance
Lars

General Discussions

Installer and VS Extensions

answered on 09 Aug 2021

1 answer

261 views

Check box Grid

The ASP.Net Core project is using the Kendo grid.

On selection of a dropdown's, item needs to perform a action on all the selected rows (using checkbox checked) .

how to accomplish it.

Grid

answered on 06 Aug 2021

1 answer

593 views

Disable caching, downloading printing etc?

We need to let users view sensitive documents within our application so would like to make sure they cannot be downloaded to the local machine, printed etc. Does the Telerik PDF Viewer cater for this?

PDFViewer

answered on 04 Aug 2021

1 answer

934 views

Grid Client Group Header Template reference other field values in the row?

I am using the Core Grid with grouping. I am grouping on a field called "ClassOrder", but would like to display the name of the field called "Class" in the template. The desired order of display is not alphabetical, but driven by that "ClassOrder" column.

What is the syntax to use in the group header template to refer to other fields in the row?

Thx!

Grid

answered on 30 Jul 2021