Is it possible to make the grid command buttons visible on mouse hover of the row?
Sometimes I feel have a grid full of buttons adds a little unnecessary visual noise.
hi
im using TelerikGrid and i wanted this feature to request for a part of data and when client scrolled down to that part of data then do another request to get second part of data
i wanted to know if this can be done right now and if not when will this feature be added ?
hi i was using TelerikGrid and i ran to a problem
`
<TelerikGrid Data=@GridData
FilterMode="@GridFilterMode.FilterMenu"
ScrollMode="@GridScrollMode.Virtual"
Height="400px" RowHeight="40" PageSize="20"
>
`
this is my grid and it works fine but when use OnRead
`
<TelerikGrid Data=@GridData
FilterMode="@GridFilterMode.FilterMenu"
ScrollMode="@GridScrollMode.Virtual"
Height="400px" RowHeight="40" PageSize="20"
OnRead="()=> { }">
`
i dont even need to do something in that function i give ity an empty function suddenly whenever i scroll to it just shows me first 15
when i scroll i can see other options but suddenly 1 to 15 jumps up and all i see is them but scroll doesnt go to first of grid
and this is my whole code
<style>
.read{
color:red;
}
.not-yet{
color:green;
}
</style>
<TelerikGrid Data=@GridData
FilterMode="@GridFilterMode.FilterMenu"
ScrollMode="@GridScrollMode.Virtual"
Height="400px" RowHeight="40" PageSize="20"
Class="@(isRead ?"read" : "not-yet")"
OnRead="()=> { }">
<GridColumns>
<GridColumn Field="Id" />
<GridColumn Field="Name" Title="First Name" />
<GridColumn Field="LastName" Title="Last Name" />
<GridColumn Field="HireData">
<Template>
@(((SampleData)context).HireDate.ToString("MMMM dd, yyyy"))
</Template>
</GridColumn>
</GridColumns>
</TelerikGrid>
@code {
public List<SampleData> GridData { get; set; }
public bool isRead = false;
protected override async Task OnInitializedAsync()
{
GridData = await GetData();
}
private async Task<List<SampleData>> GetData()
{
return Enumerable.Range(1, 100).Select(x => new SampleData
{
Id = x,
Name = $"name {x}",
LastName = $"Surname {x}",
HireDate = DateTime.Now.Date.AddDays(-x)
}).ToList();
}
async Task Test()
{
isRead = true;
}
public class SampleData
{
public int Id { get; set; }
public string Name { get; set; }
public string LastName { get; set; }
public DateTime HireDate { get; set; }
}
}
Hi
Can anyone help with this please?
The following HTML produces a satisfactory result in that all columns are populated:
if (purchaseOrders == null)
{
<
p
><
em
>Loading...</
em
></
p
>
}
else
{
<
table
class
=
"table"
>
<
thead
>
<
tr
>
<
th
>PO No.</
th
>
<
th
>PO Date</
th
>
</
tr
>
</
thead
>
<
tbody
>
@foreach (var purchaseOrder in purchaseOrders)
{
<
tr
>
<
td
>@purchaseOrder.PurchaseOrderId</
td
>
<
td
>@purchaseOrder.PurchaseOrderDate.ToShortDateString()</
td
>
<
td
>@purchaseOrder.Supplier.SupplierName</
td
>
</
tr
>
}
</
tbody
>
</
table
>
}
There is a linq query in a service file which retrieves data across the FK between "Purchase Order" and "Supplier". However the SupplierName column remains blank in the Telerik grid with the following code:
<
TelerikGrid
Data
=
"purchaseOrders"
Height
=
"800px"
Pageable
=
"true"
PageSize=@PageSize
Sortable
=
"true"
Groupable
=
"true"
FilterMode
=
"Telerik.Blazor.GridFilterMode.FilterRow"
>
<
GridColumns
>
<
GridColumn
Field
=
"@(nameof(PurchaseOrder.PurchaseOrderId))"
Title
=
"PO No."
Groupable
=
"false"
/>
<
GridColumn
Field
=
"@(nameof(PurchaseOrder.PurchaseOrderDate))"
Title
=
"PO Date"
/>
<
GridColumn
Field
=
"@(nameof(PurchaseOrder.Supplier.SupplierName))"
Title
=
"Supplier"
/>
</
GridColumns
>
</
TelerikGrid
>
The HTML and Telerik grids use the same data source and models. Many thanks
The
Hi,
You have those marvelous labels for textboxes. How can I do the same thing for other widgets like the dropdownlist for example?
Thanks … Ed
Hi,
Check the attached screen shot. The markup is shown below.
Is this a bug on your side or am I doing something wrong?
Thanks … Ed
<
TelerikWindow
Visible
=
"@(selectedUser != null)"
Modal
=
"true"
>
<
WindowTitle
>
@{
if (selectedUser.Id <
0
)
{
<strong>Add Employee</
strong
>
}
else
{
<
strong
>Edit Employee</
strong
>
}
}
</
WindowTitle
>
<
WindowContent
>
<
EditForm
Model
=
"@selectedUser"
OnValidSubmit
=
"@Save"
>
<
DataAnnotationsValidator
/>
<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.FirstName"
Label
=
"First Name"
></
TelerikTextBox
>
</
div
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.LastName"
Label
=
"Last Name"
></
TelerikTextBox
>
</
div
>
</
div
>
@*<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
TelerikDropDownList
Data
=
"@lstRoles"
@bind-Value=@SelectedRole
PopupHeight
=
"170px"
ValueField
=
"Id"
TextField
=
"RoleName"
>
</
TelerikDropDownList
>
</
div
>
</
div
>*@
<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.Email"
Label
=
"Email"
></
TelerikTextBox
>
</
div
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.PhoneNumber"
Label
=
"Phone"
></
TelerikTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.Address1"
Label
=
"Address 1"
></
TelerikTextBox
>
</
div
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.Address2"
Label
=
"Address 2"
></
TelerikTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.City"
Label
=
"City"
></
TelerikTextBox
>
</
div
>
<
div
class
=
"col"
>
<
TelerikTextBox
@
bind-Value
=
"@selectedUser.PostCode"
Label
=
"Post Code"
></
TelerikTextBox
>
</
div
>
</
div
>
<
div
class
=
"form-row"
>
<
div
class
=
"col"
>
<
div
style
=
"margin-top:20px;"
>
Is Active <
InputCheckbox
@
bind-Value
=
"@selectedUser.IsActive"
/>
</
div
>
</
div
>
<
div
class
=
"col"
>
<
span
class
=
"k-label"
style
=
"font-size:7pt"
>Role</
span
>
<
TelerikDropDownList
Data
=
"@lstRoles"
TextField
=
"Name"
ValueField
=
"Id"
@
bind-Value
=
"selectedRole"
Width
=
"100"
>
</
TelerikDropDownList
>
</
div
>
</
div
>
<
div
class
=
"form-row"
>
<
br
/>
<
ValidationSummary
/>
<
TelerikButton
Class
=
"mt-2"
Icon
=
"save"
Primary
=
"true"
ButtonType
=
"@ButtonType.Submit"
>Save</
TelerikButton
>
<
TelerikButton
Class
=
"mt-2"
Icon
=
"cancel"
OnClick
=
"@ClearSelection"
ButtonType
=
"@ButtonType.Button"
>Cancel</
TelerikButton
>
</
div
>
</
EditForm
>
</
WindowContent
>
</
TelerikWindow
>
Does this beast exist yet?
I can't seem to find anything on it.
Thanks …. Ed