Telerik Forums
UI for ASP.NET Core Forum
15 answers
1.7K+ views

Hi,

Just putting this here in case anybody else might like to use the new Razor Pages:

Here is how I bound to a PageModel (ie no Action or Controller)

 

So the PageModel simply has a public property

public List<MyOjectToBindTo> {get;set;}

 

@(Html.Kendo().DropDownList()
                  .Name("size")
                  .BindTo(new List<MyOjectToBindTo>(Model.MyOjectToBindTo))
                  .DataValueField("Id")
                  .DataTextField("Name")
                  .HtmlAttributes(new { style = "width: 100%" })
    )

 

Dimitar
Telerik team
 answered on 05 May 2020
1 answer
1.5K+ views

I am using Grid and via BindTo(...) it displays a list of objects from my PageModel; this works fine.

@(Html.Kendo().Grid<ProjectImportFormat>()
    .Name("grdProjectImports")
    .BindTo(Model.ProjectResults)
    .AutoBind(true)

...)

 

What I like to do is display the count of all records in the footer of the grid. Normally aggregates are declared inside the datasource, but there is only a list, no datasource. How can this be accomplished?

Regards
Heiko

Anton Mironov
Telerik team
 answered on 04 May 2020
1 answer
1.5K+ views
How do I generate a dynamic list of cards in asp.net? I'll be getting JSON data as the source if that matters.
Dimitar
Telerik team
 answered on 04 May 2020
3 answers
133 views

This is likely a Word Processing library question as well as an Editor question.

I want to have a tree/view/list.  For each node in the tree, I want to create a separate Editor document for the user.  Then, depending on the node selection, I want to output the Editor document for the selected node and its child nodes out to one PDF document.  I will need to insert numbering, use styles and formatting in order to indicate the level of the Editor output   Do you have an example that would allow me to stitch together the Editor information from multiple nodes and output it this way?

Thanks, 

Joel

Joel
Top achievements
Rank 3
Bronze
Iron
Iron
 answered on 01 May 2020
8 answers
1.3K+ views

I'm using the Bootstrap 4 theme and have a page which uses several Grids.

Is there a simple css wrapper class I can use for one of the Grids on the page (I don't want to alter css that will affect all grids) to make it smaller and more compact than the others?

For example, if it were pure bootstrap, I would simply add the following classes to the table element:

<table class="table table-sm">

Barry
Top achievements
Rank 1
 answered on 01 May 2020
1 answer
1.0K+ views

Hello, I'm currently devloping a .NETCore application. The application is divided into three layers: Data Layer(with models definition), Service Layer (to retrieve data and return it as IQueryable objects) and the Application Layer (where Telerik is installed).

My controller read action in the ApplicationLayer is as follows:

 public IActionResult ReadAziende([FromServices] IAziendaService service, [DataSourceRequest] DataSourceRequest request)
        {
              var aziende = service.ListWithIncludes().ToDataSourceResult(request, m => _mapper.Map<IndiceAziendaVM>(m));
            return Json(aziende);
        }

 

The Service Layer action ListWithIncludes is as follows:

  public IQueryable<AziendaFullIncludeDTO> ListWithIncludes()
        {
            return _context.Aziende
                .Include(a => a.Settore)
                .Include(a => a.Indirizzi)
                .Include(a => a.Tags)
                    .ThenInclude(a => a.Tag)
                .Include(a => a.CodiceAteco)
                .Include(a => a.TenantDataAccess)
                    .ThenInclude(a => a.Tenant)
                .AsNoTracking()               
                .Select(a => _mapper.Map<AziendaFullIncludeDTO>(a))   ;
        }

 

The Service Layer is correctly returning the DTO with included fields in an IQueryable Object but as soon as I pass it to ToDataSourceResult all included fields get lost.
What is the correct way to apply ToDataSourceResult  to an IQueryable Object with Included navigation properties?
Thanks.

 

Plamen
Telerik team
 answered on 01 May 2020
3 answers
87 views

I saw demo about custom command, where it shows details into a Telerik Windows (modal).

We suppose thatwe have product list, and we want obtain ledger entries relative.

I met a problem to pass the Product ID to grid that I want to use for filter ledger entries.

I try to insert a TAG Helper into kendo template

<script type="text/x-kendo-template" id="template">
    <div id="details-container">
         <div>
        <h2>#= description #</h2>
        <em>#= ID #</em>

      </div>

@(Html.Kendo().Grid<ItemLedgerEntryModel>()
.Name("ileGrid")
.Filterable()
.AutoBind(true)
.Columns(columns =>
{
    columns.Bound(f => f.DocumentNo);
    columns.Bound(f => f.OrderNo);
    columns.Bound(f => f.VendorNo);
    columns.Bound(f => f.PostingDate).Format("{0:dd/MM/yyyy}");
    columns.Bound(f => f.EntryType);
    columns.Bound(f => f.UnitOfMeasureCode);
    columns.Bound(f => f.Quantity).Format("{0:N2}").HtmlAttributes(new { style = "text-align: right;" });
})

.Sortable() // Enable sorting
.Pageable()
.Scrollable(scrollable => scrollable.Virtual(true))

.DataSource(dataSource => dataSource //Configure the Grid data source.
    .Ajax() //Specify that Ajax binding is used.
    .Read(read => read.Action("LedgerEntries", "ItemLedgerEntry").Data(new {itemNo: #= ID #})) //How can I do this????
)
)

    </div>
</script>

 

but it not "receives" Produc ID.

Where I wrong?

 

Plamen
Telerik team
 answered on 01 May 2020
1 answer
585 views

I would like to enable or disable the custom command based on the current line value.

My model, called ItemModel has a property called HasPicture, custom command called "GetPictureCommand" should be disabled when HasPicture returns false.

@(Html.Kendo().Grid<ItemModel>
            ()
            .Name("itemGrid")
            //.ToolBar(t => t.Search())
            .Filterable()
            .AutoBind(true)
            .Columns(columns =>
            {
                columns.Bound(f => f.No);
                columns.Bound(f => f.Description);
                columns.Bound(f => f.Brand);
                columns.Command(c => c.Custom("GetPictureCommand").Text(" ").IconClass("k-icon k-i-image").Click("getImage")).Width(52);
                columns.Bound(f => f.PurchasesQty).Format("{0:N2}").HtmlAttributes(new { style = "text-align: right;" });
                columns.Command(command => command.Custom("ItemLedgerEntryPurchaseCommand").Text(" ").IconClass("k-icon k-i-arrow-drill").Click("showPurchaseDetails")).Width(52);
                columns.Bound(f => f.NetChange).Format("{0:N2}").HtmlAttributes(new { style = "text-align: right;" });
                columns.Command(command => command.Custom("ItemLedgerEntryCommand").Text(" ").IconClass("k-icon k-i-arrow-drill").Click("showDetails")).Width(52);
                columns.Bound(f => f.LastEntryDate).Format("{0:dd/MM/yyyy}");
            })
            .Pageable() // Enable paging
            .Sortable() // Enable sorting
            .Scrollable(scrollable => scrollable.Virtual(true))
            .HtmlAttributes(new { style = "height:430px;" })
            .DataSource(dataSource => dataSource //Configure the Grid data source.
            .Ajax() //Specify that Ajax binding is used.
            .PageSize(10)
            .Read(read => read.Action("Item_ReadData", "Home").Data("additionalData"))
            )
            )

How can I do this?

Anton Mironov
Telerik team
 answered on 30 Apr 2020
4 answers
2.1K+ views

Hi to all,

I would create a colum custom to open a window that contains details (related table about relative row).

I red Loading External Form and I'm thinking to use this approach.

But I would pass a key of my row, so that I could retrieve details rows and show in a modal window.

@(Html.Kendo().Window()
            .Name("ItemLedgerEntries")
            .Title("Movimenti")
            .LoadContentFrom("GetItemLedgerEntries", "Home").Additional("#= ItemNo #") //is my hope......
            .Iframe(true)
            .Resizable()
            .Draggable()
            .Modal(true)
        )

 

How can I pass a key to window?

Petar
Telerik team
 answered on 30 Apr 2020
6 answers
937 views

I need to style the menu and I'm horrible at css.  I have made a .css file from the Template/Style builder.  That was a great experience and is an awesome tool.  But, I'm looking for help doing the following on one menu (don't want it to be the global style):

  • Horizontal Alignment-Right:  Align all the Menu.Items to the right.
  • Reduce the Margin around everything in order to size the menu smaller.
  • Reduce the Font Size
  • Change the Font Color (Black with bright background, White with dark background)
  • Change the background color of the entire menu control to a solid color then a gradient.  (I'll try both)
  • Instead of having a sharp edge on the bottom left of the menu, make it a radius.
  • Limit the width of the menu to 1/2 the width of the page.

Thanks in advance for your help,

Joel

My Menu:

@(Html.Kendo().Menu()
    .Name("menu")
    .Items(items =>
    {
        items.Add().Text(Glossary.Models.Group.Plural)
            .ImageUrl(Url.Content("~/images/32/group.png"))
            .Action("Index", "Groups", routeKeys);
        items.Add().Text(Glossary.Models.User.Plural)
            .ImageUrl(Url.Content("~/images/32/People.png"))
            .Action("Index", "Users", routeKeys);
        items.Add().Text(Glossary.Models.Patient.Plural)
            .ImageUrl(Url.Content("~/images/32/patient.png"))
            .Action("Index", "Patients", routeKeys);
        items.Add().Text(Glossary.Models.Session.Plural)
            .ImageUrl(Url.Content("~/images/32/session.png"))
            .Action("Index", "Sessions", routeKeys);
    }
    )
)
Dimitar
Telerik team
 answered on 30 Apr 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Iron
Iron
Andrey
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?