Telerik Forums
UI for Blazor Forum
5 answers
419 views
I am pretty sure i can just write a JavaScript function to go back and find/collapse all the groups in the grid but is there a grid setting where I can just collapse them by default?
Marin Bratanov
Telerik team
 answered on 24 Oct 2019
1 answer
457 views
Is there a way to close a tab? Or can I provide my template for a tab header so I can implement closing?
Marin Bratanov
Telerik team
 answered on 24 Oct 2019
1 answer
1.2K+ views

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.

Marin Bratanov
Telerik team
 answered on 24 Oct 2019
3 answers
270 views
Hi, I copy paste the code on your example of Treeview and I add 20 nodes with 20 nodes each and when I try to open up one it takes few seconds. My necessity is to have at least 50-100 elements per node and but actually it takes an "eternity" to visualize everything. Both on open and close operations. What can I do to improve the performance?
Im using Chrome
Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
153 views

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 ?

 

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
312 views

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; }
    }
}

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
1 answer
182 views

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

 

 

 

Marin Bratanov
Telerik team
 answered on 22 Oct 2019
4 answers
620 views

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

 

Marin Bratanov
Telerik team
 answered on 21 Oct 2019
6 answers
465 views

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>

 

Marin Bratanov
Telerik team
 answered on 21 Oct 2019
2 answers
641 views

Does this beast exist yet?

I can't seem to find anything on it.

Thanks …. Ed

 

 

Randy Hompesch
Top achievements
Rank 1
 answered on 20 Oct 2019
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
Andrey
Top achievements
Rank 1
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
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?