Questions on UI for ASP.NET Core Forum

4 answers

320 views

Will the MenuBar work inside the new AppBar component? I've placed a menubar inside but the menu items disappear under the exterior appbar. Is there a workaround or solution to this?

General Discussions

answered on 18 Dec 2020

2 answers

150 views

Bind to DataSource MVC Read

I am able to get data from the source.Read method as pictured. However, the control doesn't display back the data.

Once I get that working, I need to post changes to the item order. If I have:

a
b
c

Then I move c up one:

a
c
b

How do I capture the position of c and the position of b to update the database using the Order property? I assume I capture the onReorder event.

public partial class Option

{

public int Id { get; set; }

[MaxLength(50)]

public string Name { get; set; }

[MaxLength(128)]

public string Description { get; set; }

public int Order { get; set; }

...

@(Html.Kendo().ListBox()

.DataTextField("Name")

.DataValueField("Id")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("IndexJson", "SessionOptionTemplates").Data("gridGetData");

});

})

.Toolbar(toolbar =>

{

toolbar.Position(ListBoxToolbarPosition.Right);

toolbar.Tools(tools => tools

.MoveUp()

.MoveDown()

.Remove());

})

.Events(events => events

.Remove("onRemove")

.Reorder("onReorder")

))

Thanks in advance for your help, Joel

ListBox

answered on 18 Dec 2020

1 answer

109 views

how to search tree list and show subitems?

hi
i want to show sub-items of row when i search item in TreeList.
i enabled search toolbar but when i search something only that rows filter and show but without sub-items.
thanks

TreeList

answered on 18 Dec 2020

6 answers

214 views

Virtualization and scrolling / too much server calls

Hello,

If the data virtualization is enabled, when the user scrolls down in the DropDownList, a lot of server calls are done with different page numbers (sometimes, more than 10 calls are done). I would like to have only one server call when the user stops scroll, because my SQL query is complex and take times. I tried to play with the not documented delay options of the kendo.virtualist but it doesn't work, it just delays all the calls.

Is there a way to not have all these intermediates server calls ?

DropDownList

answered on 17 Dec 2020

2 answers

543 views

How to use external search button with Telerik ASP.NET Core Grid?

I want to use [Telerik ASP.NET Core Grid](https://demos.telerik.com/aspnet-core/grid/index) with **a separated search panel** like the following image

[![enter image description here][1]][1]

How to bind an external search button and other text fields (filters) to enable search in the grid?

[1]: https://i.stack.imgur.com/rhZhD.jpg

Grid

answered on 17 Dec 2020

2 answers

390 views

UP/DOWN Arrows for reordering list

I use a Grid to display back some rows that have an Order{int} field. When I display these items in the grid and elsewhere, they are to be displayed by order.

I would like the user experience to have the 1st column in the grid contain up and down arrows. Then, the user can select up/down on the arrows and the grid will submit a change to the row and the grid will display the row in its new location.

This is similar to how your NumericTextBox (https://demos.telerik.com/aspnet-core/numerictextbox/index) has arrows except this just sets the order in which the records display in the grid.

public partial class Option

{

public int Id { get; set; }

[MaxLength(50)]

public string Name { get; set; }

[MaxLength(128)]

public string Description { get; set; }

public int Order { get; set; }

}

Grid

answered on 16 Dec 2020

1 answer

346 views

TabStrip Animation While It Is Loading

Is there a way to display an animation when the tabstrip is loading or hide its contents until its loaded? I'm not asking for the animation property on a tab. The issue I have is a tab strip with 8 tabs and a lot of UI. It takes a few seconds to load and while its loading all the content is displayed on the page in tab one and it does not look good. I need a way to hide the content until its loading or have a loading animation.

TabStrip

answered on 16 Dec 2020

1 answer

1.2K+ views

Parent/Child Grid - Passing parent Grid ID to Child Model

I'm using UI for ASP.NET core 2020.3.1118, and i'm trying to implement a child grid with the ability to add an entry to my child grid

I need to pass the Id value from my Parent Grid to the model of the child when i add a new entry
I've been trying to use the

model.Field(gp => gp.GroupId).DefaultValue(0);

using a kendo template value "#=id#" in the child grid definition, without success as the DefaultValue method only seems to allow to accept actual values.

I'm really looking for advice here,

i've currently resolved the issue by passing an additional parameter in my Create action and updating the model in my controler with the parameter

.Create(create => create.Action("Post", "GroupsPermission", new { NewGroupId = "#=Id#" }))

Thanks in Advance

Grid

answered on 16 Dec 2020

1 answer

177 views

AutoBind question

I have a grid that is loading in a modal popup (a partial view) that requires some information from the parent page being set before calling the datasource on the controller. I have set AutoBind to false and while it does prevent the datasource from calling the controller until I load the partial view, the .Data(javascript function) that builds the dataset needed for the controller is still being hit as soon as the parent page is initialized, but before the values on the page have been set (user input fields).

Is there a way to either prevent this from happening, or is there another technique I should be using?

Thanks for any help in advance

Grid

answered on 15 Dec 2020

4 answers

421 views

Drag drop event to get new order of cards.

Hi

I have implemented the card UI and have the drag and drop working using the example script

$(document).ready( function () { $("#list").kendoSortable({ filter: ".k-card", cursor: "move", placeholder: function (element) {return element.clone().css("opacity", 0.1);}, hint: function (element) {return element.clone().css("width", element.width()).removeClass("k-state-selected");}});});

I want to be able to save the new order if the user drags and drops and item.

Is there an event to know when a drag and drop action has occurred.

Then I can loop through a class in javascript and grab the order from the ids or a data attribute to re-order the items.

Many thanks

Card

answered on 14 Dec 2020