I have a telerikdropdownlist in the EditorTemplate of a Grid. If a user uses the keyboard to speed the navigation of the dropdown (for example: they type a T to immediately scroll to the T section), then clicks on a selection further down in the list, the selected item becomes the item navigated to via the Keyboard, not the item that is actually clicked on. Clicking on an item (without using the keyboard navigation first) works as expected. I was able to replicate this behavior in REPL using the following code:
<br />
<br />
<TelerikDropDownList
Data = "@People"
@bind-Value="@SelectedUser"
TextField="LastFirst"
ValueField="Id"
Width="400px"
/>
<br />
<br />
<TelerikGrid
Data="@Assets"
EditMode="GridEditMode.Inline"
Width="800px"
OnUpdate="@Update"
>
<GridColumns>
<GridColumn Field="@nameof(Asset.AssetId)" Title="ID" Width="50px"/>
<GridColumn Field="@nameof(Asset.BarCode)" Title="BarCode" Width="125px"/>
<GridColumn Field="@nameof(Asset.UserId)" Title="User" Width="125px">
<Template>
@{
CurrentAsset = (Asset)context;
Person? p = People.FirstOrDefault<Person>(x => x.Id == CurrentAsset.UserId);
if(p != null)
{
<span>@p.LastFirst</span>
}
}
</Template>
<EditorTemplate>
@{
CurrentAsset = (Asset)context;
<TelerikDropDownList
Data = "@People"
@bind-Value="@CurrentAsset.UserId"
TextField="LastFirst"
ValueField="Id"
/>
}
</EditorTemplate>
</GridColumn>
<GridCommandColumn Width="100px" Locked="true">
<GridCommandButton Command="Save" Icon="save" ShowInEdit="true"></GridCommandButton>
<GridCommandButton Command="Edit" Icon="edit"></GridCommandButton>
<GridCommandButton Command="Delete" Icon="delete"></GridCommandButton>
<GridCommandButton Command="Cancel" Icon="cancel" ShowInEdit="true"></GridCommandButton>
</GridCommandColumn>
</GridColumns>
</TelerikGrid>
<br />
@code {
public List<Person> People = new();
public List<Asset> Assets = new();
int SelectedUser = 0;
Asset CurrentAsset = new();
protected override void OnInitialized()
{
LoadData();
base.OnInitialized();
}
public void LoadData()
{
People.Add(new Person(1, "Brent", "Tuominen"));
People.Add(new Person(2, "Tina", "Tuominen"));
People.Add(new Person(3, "Casey", "Tuominen"));
People.Add(new Person(4, "Ryan", "Tuominen"));
People.Add(new Person(5, "Alex", "Tuominen"));
Assets.Add(new Asset(1, "BC001"));
Assets.Add(new Asset(2, "BC002"));
Assets.Add(new Asset(3, "BC003"));
Assets.Add(new Asset(4, "BC004"));
Assets.Add(new Asset(5, "BC005"));
}
public void Update(GridCommandEventArgs args)
{
Asset a = (Asset)args.Item;
Asset? asst = Assets.FirstOrDefault(x => x.AssetId == a.AssetId);
if(asst != null)
{
asst.BarCode = a.BarCode;
asst.UserId = a.UserId;
}
StateHasChanged();
}
public class Asset
{
public Asset()
{
}
public Asset(int assetId, string barcode)
{
AssetId = assetId;
BarCode = barcode;
}
public int AssetId{ get; set; }
public string BarCode { get; set; } = string.Empty;
public int? UserId{ get; set; }
}
public class Person
{
public Person(int id, string fName, string lName)
{
Id = id;
FirstName = fName;
LastName = lName;
}
public int Id{ get; set; }
public string FirstName { get; set; } = string.Empty;
public string LastName { get; set; } = string.Empty;
public string LastFirst
{
get
{
return LastName + ", " + FirstName;
}
}
public string FullName
{
get
{
return FirstName + " " + LastName;
}
}
}
}
I would like to use scaffolding with Telerik UI for Blazor
**Admin Edit**
The plan is to be released in 3.3.0 release once extensions are thorougly tested.
**Admin Edit**
Hello everyone,
at the moment the TooltipTemplateContext isn't very useful and hard to work with:
Problem: As you can see, "start" and "end" only contains a weired pre-build string.
As a developer I can't parse this (at least the year is missing), so I'd like to suggest, that you replace the Dictionary of <string,string> with an <string,object> and add the start and end as DateTime.
An alternative would be to pass a custom parameter or have the task item accessable directly.
In our use-case we have no need for the time (it's a gantt not a time table!) and the tasks won't end at the end of the year.
Regards
With an item selected, I want to reset the drop down list to the state it has when the page loads, i.e. populated with nothing selected.
Setting the backing filed to zero does not work. I have read Clear the selection, I know it works if you have a default text,
I dont't want to have a default text.
As you can see in the repl, there's some more experiments, since I thought I could maybe clear the content and re-populate
the list to reset it.
Setting the data source to null does nothing?!?!
Clearing the data source removes the items in it, but keeps the selected value!?!?
I've seen answers to this question that suggests using CSS to achieve this, but that's just stupid and shouldn't be necessary.
Finally, we have the hack solution, which is totally crazy but seems to work.
I leave it here for others to see, since it seems a lot of people also have this problem.
Please fix this.
Create code snippets for all Blazor controls.
Provide either automation for installing into the Visual Studio toolbox or just provide as a web page for users to copy paste them into the Toolbox.
Not finding any examples or similar, so I wanted to see if there is a way to include a Gantt Chart into a WordsProcessing document. I am currently bringing the data into a table, but my end-user has requested to see the chart view of the same data.
if (JobMilestones.Count > 0)
{
editor.InsertText("MILESTONES").FontWeight = FontWeights.Bold;
Table tblMilestone = editor.InsertTable(JobMilestones.Count + 1, 3);
tblMilestone.PreferredWidth = new TableWidthUnit(720);
Paragraph p = tblMilestone.Rows[0].Cells[0].Blocks.AddParagraph();
tblMilestone.Rows[0].RepeatOnEveryPage = true;
tblMilestone.Rows[0].Cells[0].Borders = tcb;
tblMilestone.Rows[0].Cells[1].Borders = tcb;
tblMilestone.Rows[0].Cells[2].Borders = tcb;
editor.MoveToParagraphStart(p);
editor.InsertText("Task").FontWeight = FontWeights.Bold;
p = tblMilestone.Rows[0].Cells[1].Blocks.AddParagraph();
editor.MoveToParagraphStart(p);
editor.InsertText("Start").FontWeight = FontWeights.Bold;
p = tblMilestone.Rows[0].Cells[2].Blocks.AddParagraph();
editor.MoveToParagraphStart(p);
editor.InsertText("End").FontWeight = FontWeights.Bold;
int x = 1;
foreach (FlatModel fm in JobMilestones)
{
p = tblMilestone.Rows[x].Cells[0].Blocks.AddParagraph();
editor.MoveToParagraphStart(p);
editor.InsertText(fm.TaskTitle);
p = tblMilestone.Rows[x].Cells[1].Blocks.AddParagraph();
editor.MoveToParagraphStart(p);
editor.InsertText(fm.StartDate.ToShortDateString());
p = tblMilestone.Rows[x].Cells[2].Blocks.AddParagraph();
editor.MoveToParagraphStart(p);
editor.InsertText(fm.EndDate.ToShortDateString());
tblMilestone.Rows[x].Cells[0].Borders = tcb;
tblMilestone.Rows[x].Cells[1].Borders = tcb;
tblMilestone.Rows[x].Cells[2].Borders = tcb;
x += 1;
}
editor.MoveToTableEnd(tblMilestone);
//editor.InsertLine("");
editor.InsertBreak(BreakType.LineBreak);
}
Hi,
I need the older version of CSS (2.9.0) for Blazor for telerik. I visited the site as follows but get error:
https://blazor.cdn.telerik.com/blazor/2.9.0/kendo-theme-default/all.css
An error occurred.
Sorry, the page you are looking for is currently unavailable.
Find CSS until 2.22.0. the following link works
https://blazor.cdn.telerik.com/blazor/2.22.0/kendo-theme-default/all.css
Could you fix the link or please provide me the CSS for 2.9.0 ASAP.
Regards
Shuvra
We would like a parameter for Grid to set the placeholder of the DateTime filter in FilterRow (e.g. instead of 'yyyy. MM. dd' an own pattern).
We think of a parameter like the FormatPlaceholder parameter of the DatePicker component.
Hi team,
I know we have Diagram like Kendo UI for Blazor, But it's confusing and gets very messy with more customizations. I would be very helpful if we have native Blazor component for diagram rather than integrating JQuery with Kendo. Hence making a feature request.
let me know if there is any plan in pipeline for this feature.
Regards,
Rikam
The File Manager (exactly like https://www.telerik.com/aspnet-core-ui/file-manager) for Blazor is needed.
I see there is the File Select Blazor FileSelect Component | Telerik UI for Blazor, but not File Manager that is a more complete and richer control.
The File Manager (exactly like https://www.telerik.com/aspnet-core-ui/file-manager) but for Blazor would be very nice.
There are no File Manager out there and this feature could support the purchase decision.
Can you add Debounce to the filtering?
---
ADMIN EDIT
At the moment, you can use the OnRead to implement custom filtering and also debounce the operations: https://docs.telerik.com/blazor-ui/components/combobox/events#onread and the particular example the article links is shown here: https://docs.telerik.com/blazor-ui/knowledge-base/combo-debounce-onread
You may also want to look at item virtualization in the dropdowns - Follow it here: https://feedback.telerik.com/blazor/1457808-combobox-virtualization
There is also a sample attached of implementing debouncing in a WASM app as a reference too.
---
Hi Telerik Team
We will transfer the Pivot Grid from aspx to Pivot Grid Blazor Grid.
We couldn't found the Pivot Grid Blazor. Can you tell us, when it will be ready ?
Best regards
ATT
In
<FilterMenuTemplate Context="context">
<TelerikCheckBoxListFilter Data="@NameOptions"
Field="@(nameof(NameFilterOption.Name))"
@bind-FilterDescriptor="@context.FilterDescriptor">
</TelerikCheckBoxListFilter>
</FilterMenuTemplate>
I would like to have a DisplayField or TextField so that i can show the user something meaningful, while still filtering based on IDs behind the scenes?
More details on the concept for custom data: https://docs.telerik.com/blazor-ui/components/grid/filter/checkboxlist#custom-data
Currently when setting up a new Blazor app I need to go to the docs each time or look at a reference project to remember the resource paths for the CSS files. Additionally once you have a project if you are relying on a CDN but later update the NuGet package your app will be referencing the wrong css bundle unless you remembered to also update your layout.
Instead of having this as a magic string that is required in each project, it would be great if a new helper class could be introduced. As an example it might look something like:
public class TelerikResources
{
public class Cdn
{
public class Default
{
public string Path = "";
}
public class Bootstrap
{
public string Path = "";
}
public class Material
{
public string Path = "";
}
}
public class Local
{
public class Default
{
public string Path = "";
}
public class Bootstrap
{
public string Path = "";
}
public class Material
{
public string Path = "";
}
}
}
This would have the benefit that in the layout you might simply have:
<link href="@TelerikResources.Cdn.Bootstrap.Path" rel="stylesheet" />
This has a few benefits. It's easier to remember, easier to discover the other available prebuilt styles, and removes issues with pointing at the wrong path after updating library versions (assuming that you're using the Cdn rather than local resource).