Questions on UI for ASP.NET Core Forum

1 answer

128 views

Change the editor template of a cell when a dropdown value is selected in another cell

Is there an example available where an editor template is loaded from the EditorTemplates folder when a value is selected from a Kendo DropDownList in another cell from the same row?

Grid

answered on 19 Nov 2020

9 answers

508 views

[Solved] progressbar in a column

I'm trying to add a bar in a column to show the percentage

I approached it by attempting to put a progressbar in the column.

I am not sure how to bind the value through.

if this is not the correct approach or I could get some help with the syntax I would appreciate any help.

<div class="row">

<div class="col-md-12">

@(Html.Kendo().Grid<KitViewModel>()

.Name("kitsOverviewGrid")

.Columns(columns =>

{

columns.Bound(p => p.SeqKit).Title("Kit#");

columns.Bound(p => p.Assembly).Title("Assembly");

columns.Bound(p => p.DateToPickStart).Title("Start Date").Format("{0:MM/dd/yyyy}");

columns.Bound(p => p.StatusName).Title("Status");

columns.Bound(p => p.KitQty).Title("Kit Qty");

columns.Bound(p => p.PercentCompletelyIssued)

.Title("Completely Issued")

.ClientTemplate(

Html.Kendo()

.ProgressBar()

.Name(Guid.NewGuid().ToString())

.Type(ProgressBarType.Percent)

.ToClientTemplate().ToString());

})

.Pageable()

.Sortable()

.Scrollable()

.Filterable()

.HtmlAttributes(new { style = "height:550px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Read(read => read.Action("GetKitsOverView", "KitsOverview"))

)

</div>

Grid

answered on 19 Nov 2020

3 answers

275 views

Refresh the data in the popupeditor other grid

Hi all,

I have s pretty complex grid set up that uses a popupeditorto edit records. In this popupedsitor i included two child grids that are (through the ToClientTemplate method) perfectly working as should. I only have 1 remaining requirement. I need to refresh the record being shown in the popupeditor if i add records to one of the client grids.I have some flags in the main entity (the one in the form) that get filled when the child grids get populated.... So the question:

Can i refresh the record being shown in the popupeditorthroughfrom a javascript function (i will use the events in the childgrid to do this)?

I tried:

getting the grid datasource and doing the .sync() and the .read(). But they (of course) close the popupeditor... Anyone?

Tx

Alexander

Grid

answered on 18 Nov 2020

1 answer

518 views

Kendo Date Picker - Cannot edit field w/keyboard

I'm trying to use the following date picker in aspnet core: https://demos.telerik.com/aspnet-core/datepicker/api

However I'm struggling with enabling editing on the date (via the keyboard) once the date has been chosen via the calendar pop-up.

I'm instantiating it in the following way:

var cal = Html.Kendo()
.DatePicker()
.Value(DefaultValue)
.Name(ComponentName)
.Events(e =>
e.Change("datepickerChange")
.Open("datepickerOpen")
)

My issue is that I'm trying to record a person's birth date, but the calendar defaults to 2020. If someone was born in 1960, the would have to navigate the calendar back 60 years instead of being able to type the year into the date box after selecting the day and month.

Date/Time Pickers

answered on 18 Nov 2020

1 answer

232 views

treeView in FileManager

How remove or not show treeView in FileManager?

FileManager

answered on 18 Nov 2020

1 answer

176 views

Class on Row

Hello

How to add class to row (<TR>) on TreeList from Datasource value ?

Thank You

TreeList

answered on 16 Nov 2020

1 answer

158 views

[Solved] How to disable Editor in Fluent API?

I am using the Fluent API of the Telerik UI for Asp.Net MVC to build a form that has an Editor as one of it's elements, bound to a backing property in my model. I want my view to act as both the edit and display page for my model, so I want to disable the Editor when in display mode, but I cannot find a method to do so, and my attempts to change the contenteditable attribute to false have failed. y research lead me to work arounds in other version of Kendo-UI that haven't worked for me. Below is a snippet of my form with the Editor that I am looking to disable.

@(Html

.Kendo()

.Form<CorrectiveActionAddEditModel>()

.Name("formInformation")

.HtmlAttributes(new { action="Add", method="POST"})

.Items(i => {

i.Add()

.Field(f => f.Description)

.Editor(e => e.Editor().HtmlAttributes(new { contenteditable = false }))

.Label(l => l.Text(SharedHtmlLocalizer["Description"].Value))

.InputHtmlAttributes(new { data_val_required = string.Format(Localizer["TheField_Name_IsRequired"], Localizer["Description"]), contenteditable=ViewBag.IsEdit });

}

)

How can I disable this Editor through the Fluent API? If that isn't possible, how can I disable it via javascript (specifically jQuery)?

Editor

answered on 16 Nov 2020

1 answer

194 views

How create TextBox(Razor) type password?

@(Html.Kendo().TextBox().Name("Password").????)

TextBox

answered on 16 Nov 2020

5 answers

186 views

No localization, no toolbar-modifications, no ...

I now discovered that the messages for Spreadsheet are only available in English. Also, there is still no way to customize the toolbars other than showing and hiding them. After having much trouble with the Spreadsheet component in the last few days I get the impression that this will not be further developed. Although the response to the component has not been very great, it should at least work identically on all platforms, which is definitely not the case.

Hey, Telerik, what's going on? Will this component be updated in the foreseeable future and brought to an acceptable level?

Regards
Heiko

Spreadsheet