Questions on UI for Blazor Forum

1 answer

164 views

Hi,

i followed the next example to do serialization of the datasourcerequest on the server:

https://github.com/telerik/blazor-ui/tree/master/grid/datasourcerequest-on-server

when I try to combine this with the grid aggregates, I get this runtime error:

crit: Microsoft.AspNetCore.Components.WebAssembly.Rendering.WebAssemblyRenderer[100]
Unhandled exception rendering component: Number of parameters specified does not match the expected number.
System.Reflection.TargetParameterCountException: Number of parameters specified does not match the expected number.
at System.Reflection.RuntimeMethodInfo.ConvertValues(Binder binder, Object[] args, ParameterInfo[] pinfo, CultureInfo culture, BindingFlags invokeAttr)
at System.Reflection.RuntimeMethodInfo.Invoke(Object obj, BindingFlags invokeAttr, Binder binder, Object[] parameters, CultureInfo culture)
at System.Reflection.RuntimePropertyInfo.GetValue(Object obj, BindingFlags invokeAttr, Binder binder, Object[] index, CultureInfo culture)
at System.Reflection.RuntimePropertyInfo.GetValue(Object obj, Object[] index)
at Telerik.DataSource.AggregateFunctionsGroup.<>c__DisplayClass8_0.<ExtractPropertyValues>b__0(PropertyInfo p)
at System.Linq.Utilities.<>c__DisplayClass2_0`3[[System.Reflection.PropertyInfo, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[<>f__AnonymousType0`2[[System.Reflection.PropertyInfo, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Object, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], Telerik.DataSource, Version=2.0.7.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8],[<>f__AnonymousType1`2[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Object, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], Telerik.DataSource, Version=2.0.7.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8]].<CombineSelectors>b__0(PropertyInfo x)
at System.Linq.Enumerable.SelectArrayIterator`2[[System.Reflection.PropertyInfo, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[<>f__AnonymousType1`2[[System.String, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e],[System.Object, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]], Telerik.DataSource, Version=2.0.7.0, Culture=neutral, PublicKeyToken=20b4b0547069c4f8]].MoveNext()
at System.Linq.Enumerable.ToDictionary[<>f__AnonymousType1`2,String,Object](IEnumerable`1 source, Func`2 keySelector, Func`2 elementSelector, IEqualityComparer`1 comparer)
at System.Linq.Enumerable.ToDictionary[<>f__AnonymousType1`2,String,Object](IEnumerable`1 source, Func`2 keySelector, Func`2 elementSelector)
at Telerik.DataSource.AggregateFunctionsGroup.ExtractPropertyValues(Object obj)
at Telerik.DataSource.AggregateFunctionsGroup.get_Aggregates()
at Telerik.Blazor.Components.Grid.Grouping.GroupHeaderCell`1[[System.Object, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].GetColumnGroupHeaderTemplateArgs()
at Telerik.Blazor.Components.Grid.Grouping.GroupHeaderCell`1[[System.Object, System.Private.CoreLib, Version=5.0.0.0, Culture=neutral, PublicKeyToken=7cec85d7bea7798e]].BuildRenderTree(RenderTreeBuilder __builder)
at Microsoft.AspNetCore.Components.ComponentBase.<.ctor>b__6_0(RenderTreeBuilder builder)
at Microsoft.AspNetCore.Components.Rendering.ComponentState.RenderIntoBatch(RenderBatchBuilder batchBuilder, RenderFragment renderFragment)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.RenderInExistingBatch(RenderQueueEntry renderQueueEntry)
at Microsoft.AspNetCore.Components.RenderTree.Renderer.ProcessRenderQueue()

Grid

answered on 07 Jan 2021

3 answers

365 views

Mark selected cell from selected row

Hi everyone,

Is it possible somehow on a selected row to mark the selected cell when the user clicks on it?

Best regards,

Cipri

Grid

answered on 07 Jan 2021

1 answer

123 views

Modify client-side code

How will we modify client side code? (Need the application to crawled by search engine)

General Discussions

answered on 07 Jan 2021

1 answer

401 views

DoubleClick start editing

Hello!
Is there a way to start the edit command with a double click on a specific cell or row?

Thank you and best regards
Nico

Grid

answered on 07 Jan 2021

1 answer

276 views

DetailTemplate use all remaining space

Hello!
I want to use the Grid´s DetailTemplate to view another grid, let´s call it detaildatagrid.
Currently I have set the width of the detailsdatagrid to 65vw, because at 100% it will use two times of my monitor width and the horizontalscrolling is not working anymore.
Is there a way to force the detaildatagrid to use the remaining seeable width?

thank you & best regards
Nico

Grid

answered on 05 Jan 2021

1 answer

1.5K+ views

Fixed Row Height

Hello!
I have set the grids row height with the given property to 65.
The problem is, that the row height will change dynamically, I guess the row height property is some sort of max height.
Is there a way to change the row height to a fixed value of e.g. 65?

Thank you & best regards
Nico

Grid

answered on 05 Jan 2021

1 answer

688 views

Show Scrollbar on top and bottom

Hello!
Currently the horizontal scrollbar is only visible at the bottom.
Is there a way to make it visible at the top too?

Thank you and best regards
Nico

Grid

answered on 05 Jan 2021

8 answers

643 views

[Solved] HeaderTemplate's component events

Hello!

Place TelerikNumericTextBox component in TileLayoutItem's HeaderTemplate.

The up/down buttons will not trigger and cause for tile's reordering event.

<TileLayoutItem ColSpan="4" RowSpan="7">

<HeaderTemplate>

<span>Title</span>

<TelerikNumericTextBox Value="@interval" ValueChanged="@ChangeInterval" Step="1" T="int" Min="0" Max="50" />

</HeaderTemplate>

<TileLayoutItem />

TileLayout

answered on 05 Jan 2021

1 answer

178 views

Need help with custom column's template

Hello!
I'm trying to implement some user's menu in column's template like this:

<TelerikGrid Data="@MyData" Height="100%"

Pageable="true" Sortable="true" Groupable="true"

FilterMode="Telerik.Blazor.GridFilterMode.FilterRow"

Resizable="true" Reorderable="true">

<GridColumns>

<GridColumn Field="@(nameof(SampleData.Id))" Width="120px" />

<GridColumn Field="@(nameof(SampleData.Name))" Title="Employee Name" Groupable="false" />

<GridColumn Field="@(nameof(SampleData.Team))" Title="Team" />

<GridColumn Field="@(nameof(SampleData.HireDate))" Title="Hire Date" />

<GridColumn Filterable="false" Title="Menu" Lockable="false" Sortable="false"

ShowColumnChooser="false" VisibleInColumnChooser="false" ShowColumnMenu="false">

<Template>

@{

<button class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">

Menu

</button>

<div class="dropdown-menu">

<a class="dropdown-item" style="cursor: pointer">Edit</a>

<a class="dropdown-item" style="cursor: pointer">Delete</a>

</div>

}

</Template>

</GridColumn>

</GridColumns>

</TelerikGrid>

@code {

public IEnumerable<SampleData> MyData = Enumerable.Range(1, 1).Select(x => new SampleData

{

Id = x,

Name = "name " + x,

Team = "team " + x % 5,

HireDate = DateTime.Now.AddDays(-x).Date

});

public class SampleData

{

public int Id { get; set; }

public string Name { get; set; }

public string Team { get; set; }

public DateTime HireDate { get; set; }

}

But menu is not fully showing and hide by grid's footer
setting z-index for dropdown doesnt help
Please help....

Grid

answered on 05 Jan 2021

1 answer

681 views

Icon name mistakes

H

in https://docs.telerik.com/blazor-ui/common-features/font-icons is written:

You can find the rendered icons in the Kendo UI Web Font Icons Library article.

There are some mistakes in the names.

Example in Charts section:

.k-i-line-markers Unicode: ea10
.k-i-bar Unicode: ea1c

In the definition in _content\Telerik.UI.for.Blazor\css\kendo-theme-bootstrap\all.css I found:

.k-i-graph::before {content: "\ea00";}

.k-i-chart-column-clustered::before {content: "\ea01";}

.k-i-chart-column-stacked::before {content: "\ea02";}

.k-i-chart-column-stacked100::before {content: "\ea03";}

.k-i-chart-column-range::before {content: "\ea04";}

.k-i-chart-bar-clustered::before {content: "\ea05";}

.k-i-chart-bar-stacked::before {content: "\ea06";}

.k-i-chart-bar-stacked100::before {content: "\ea07";}

.k-i-chart-bar-range::before {content: "\ea08";}

.k-i-chart-area-clustered::before {content: "\ea09";}

.k-i-chart-area-stacked::before {content: "\ea0a";}

.k-i-chart-area-stacked100::before {content: "\ea0b";}

.k-i-chart-area-range::before {content: "\ea0c";}

.k-i-chart-line::before {content: "\ea0d";}

.k-i-chart-line-stacked::before {content: "\ea0e";}

.k-i-chart-line-stacked100::before {content: "\ea0f";}

.k-i-chart-line-markers::before {content: "\ea10";}

.k-i-chart-line-stacked-markers::before {content: "\ea11";}

.k-i-chart-line-stacked100-markers::before {content: "\ea12";}

.k-i-chart-pie::before {content: "\ea13";}

.k-i-chart-doughnut::before {content: "\ea14";}

.k-i-chart-scatter::before {content: "\ea15";}

.k-i-chart-scatter-smooth-lines-markers::before {content: "\ea16";}

.k-i-chart-scatter-smooth-lines::before {content: "\ea17";}

.k-i-chart-scatter-straight-lines-markers::before {content: "\ea18";}

.k-i-chart-scatter-straight-lines::before {content: "\ea19";}

.k-i-chart-bubble::before {content: "\ea1a";}

.k-i-chart-candlestick::before {content: "\ea1b";}

.k-i-chart-ohlc::before {content: "\ea1c";}

The most chart icon starts with k-i-chart-.

Please correct the Kendo UI Web Font Icons Library article.

They are missing in https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.IconName

Regards,

Peter

General Discussions

answered on 29 Dec 2020