Questions on UI for ASP.NET Core Forum

10 answers

124 views

ho

hi All,
I have a razor view "CDIS.cshtml" which is using a model object to render content. Now in this view, i have a submit button which calls an action method of the controller. In this action method, i need to use the same model object, which was used to render data in the previous view. My controller action method somehow gets the model object from the view, but it is empty. My target in the controller action is to use the same model object's values, which were used in the last view.
CDIS.cshtml

<p><br>@model MvcMovie.Controllers.Rootobject;

@{

ViewData["Title"] = "CDIS subordinates";

}

<h2>@ViewData["Title"] for Group ID: <b>@Html.DisplayFor(model => model.data[0].groupId)</b></h2>

<h3>@ViewData["Message"]</h3>

<table class="table">

<thead>

<tr>

<th>

@Html.DisplayNameFor(model => model.data[0].id)

</th>

<th>

@Html.DisplayNameFor(model => model.data[0].fullName)

</th>

<th>

@Html.DisplayNameFor(model => model.data[0].sourceSystem)

</th>

<th></th>

</tr>

</thead>

<tbody>

@foreach (var item in Model.data)

{

if (item.sourceSystem != "CRYSTAL_GLOBAL")

{

<tr>

<td>

@Html.DisplayFor(modelItem => item.id)

</td>

<td>

@Html.DisplayFor(modelItem => item.fullName)

</td>

<td>

@Html.DisplayFor(modelItem => item.sourceSystem)

</td>

</tr>

}

<tr>

<td>

<form asp-controller="CDISRecords" asp-action="CONIS" method="get">

<p>

<input type="hidden" name="GroupID" value="@Html.DisplayFor(model => model.data[0].groupId)">

<input type="hidden" name="dataModel" value=@Html.DisplayFor(model => model.data)>

<input type="hidden" name="dModel" asp-for="@Model.data" />

<div>

<input type="submit" value="GET Consent" class="btn btn-default" />

| For Date | :

<input type="date" name="consentDate">

</div>

</p>

</form>

</td>

</tr>

</tbody>

</table> <br></p><p></p>

CDISController.cs

public async Task<IActionResult> CONIS(int? GroupID, MvcMovie.Controllers.Datum rootobject, MvcMovie.Controllers.Datum dModel)

{

Console.WriteLine($"City CONIS: " + dModel.city + "Group ID CONIS: " + rootobject.groupId + "Full Name CONIS : " + dModel.fullName);

return View();

}

In the above controller action, i have tried different ways to pass the model from the view, but each time, the values *-> City CONIS: " + dModel.city + "Group ID CONIS: " + rootobject.groupId + "Full Name CONIS : " + dModel.fullName *, are empty.

On the console, I see the following:

MvcMovie> Executing action method MvcMovie.Controllers.CDISRecordsController.CONIS (MvcMovie) with arguments (39256600, MvcMovie.Controllers.Datum, MvcMovie.Controllers.Datum) - ModelState is Valid
MvcMovie> City CONIS: Group ID CONIS: 39256600Full Name CONIS :

---

Perhaps my approach is incorrect, or I am passing the model reference incorrectly, because "City CONIS" is empty and Full Name CONIS is also empty. Somehow, Group ID CONIS is showing value. I have alos tried, for City and Name with "rootobject" like $"City CONIS: " + rootobject.city, but empty.
Any help shall highlly be appreciated. In nutshell, I need the values (appearing the table inside a view) to be passed to the controller to do further action. The values in the view are not fixed number of textfields rather values that i am showing in the table, hence i need the object to be passed further so that i can iterate on the object.

General Discussions

answered on 14 Feb 2018

2 answers

251 views

Adding AutoComplete to the Toolbar

Is it possible to add the AutoComplete control to the ToolBar

I was trying something like this but I don't think I'm on the right track.

Thanks,

Richard

@(Html.Kendo().ToolBar()

.Name("ToolBar")

.Items(items =>

{

items.Add().Type(CommandType.Button).Text("Button");

items.Add().Type(CommandType.Button).Text("Toggle Button").Togglable(true);

items.Add().Type(CommandType.Separator);

items.Add().Template("<label for='dropdown'>Search:</label>");

items.Add().Template(

@(Html.Kendo().AutoComplete()

.Name("GridSearch")

.DataTextField("AppName")

.Filter(FilterType.Contains)

.MinLength(2)

.DataSource("GridDataSource")

) ;

Toolbar

answered on 14 Feb 2018

1 answer

102 views

Unrelated series in the same chart

Hi,

I have a chart displaying the number of firm and speculative hours (area series). To do this, I retrieve my data from my controller and apply a grouping on the type (firm or speculative) and display stacked series using:

series.Area(model => model.Loe).Name("#= group.value #").CategoryField("YearMonth").Stack(true);

All work well but now, I want to add a new series displaying the work force(Data come from the same source) using:

series.Line(model => model.Capacity).Name("Capacity").CategoryField("YearMonth").Aggregate(ChartSeriesAggregate.Sum);

but the new series are added for each group. What I want is the new series appears only 1 times not for each group.

How I can do this?

Sylvain

Chart

answered on 13 Feb 2018

5 answers

403 views

ImageBrowser and FileBrowser Not Working

.NET Core 2.0 MVC Application; Telerik UI for AspNet Core & Kendo UI 2017.3.1116

I am following the example posted at http://demos.telerik.com/aspnet-core/editor/imagebrowser

The control is able to read, create a folder, and delete but I cannot upload an image or file. The error returned in the alert is, "Error! The requested URL returned 500 - ". This is in debug mode in Visual Studio 2017. I checked IIS Express log files and system events which give no additional information.

The system response title is, "<h1>An unhandled exception occurred while processing the request.</h1>
<div class="titleerror">MissingMethodException: Method not found: 'Microsoft.Net.Http.Headers.ContentDispositionHeaderValue Microsoft.Net.Http.Headers.ContentDispositionHeaderValue.Parse(System.String)'.</div>
<p class="location">Kendo.Mvc.UI.FileBrowserController.GetFileName(IFormFile file)</p>"

This leads me to believe this is an issue in Core 2.0 compatibility with the way the IFormFile interface is implemented internally in the Kendo.Mvc.UI.EditorImageBrowserController class.

Editor

answered on 12 Feb 2018

1 answer

91 views

Installation Time/Hanging

I've attempted to install Telerik DevCraftUltimateSetup_b_2017_4_1204_0 a couple of times. The second time I left it on over night and it seems to hang on my Windows 7 machine (with VS 2017). Is there any work around to this. I even went so far as to install only one component (ASP>NET CORE) and it seems to have hung up even on this install.

Any help would be appreciated.

Installer and VS Extensions

answered on 11 Feb 2018

6 answers

1.1K+ views

Two grids on one page with .Select() columns

So I have an issue where if there are two grids on the same page using different names and both having a column that uses the ".Select()" method for checkboxes, the "select all" checkbox in the header of one of the grids works correctly, but the second one will only select the first one's rows and not it's own.

Here is some sample code:

<div class="row">

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

<h2 class="text-center">Users in rule</h2>

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

.Name("UsersInRule")

.Columns(columns =>

{

columns.Select().Width(50);

columns.Bound(c => c.Name).Width(300);

columns.Bound(c => c.Username).Width(200);

})

.Sortable()

.Resizable(resize => resize.Columns(true))

.ToolBar(toolbar => toolbar.Create())

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ListUsersInRule", "User", new { Area = "Admin", id = Model.Id }))

)

</div>

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

<h2 class="text-center">Available users</h2>

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

.Name("AvailableUsers")

.Columns(columns =>

{

columns.Select().Width(50);

columns.Bound(c => c.Name).Width(300);

columns.Bound(c => c.Username).Width(200);

})

.Sortable()

.Resizable(resize => resize.Columns(true))

.ToolBar(toolbar => toolbar.Create())

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ListUsersNotInRule", "User", new { Area = "Admin", id = Model.Id }))

)

</div>

What happens is when I click on the header checkbox for the "AvailableUsers" grid, it will select the rows in the "UsersInRule" grid. The header checkbox in the "UsersInRule" grid works just fine in selecting rows in its own grid. How do I configure it so that the header checkboxes will only select the rows in their own grid?

Currently using Kendo UI v2017.3.1026 (kendo.all.min.js and kendo.aspnetmvc.min.js) that I grabbed from the telerik.ui.for.aspnet.core commercial zip.

Grid

answered on 09 Feb 2018

1 answer

856 views

Spreadsheet with DataSource - how to format DateTime Cells

Hi,

I have defined my Spreadsheet as follows:

@(Html.Kendo().Spreadsheet()
.Name("spreadsheet")
.Sheets(sheets =>
{
sheets.Add()
.Name("mySheet")
.Columns(c =>
{
c.Add().Width(150);
c.Add().Width(150);
})
.DataSource<MyViewModel>(ds => ds
.Ajax()
.Batch(true)
.Read("ReadTimeSeries", "MyController")
.Model(m => {
m.Field(p => p.Timestamp);
m.Field(p => p.Value);
})
);
})
.Sheetsbar(false)
)

When the Spreadsheet loads the data, it is displayed as Date only - the time part seems to be missing.

This is my DataModel:

public class MyViewModel
{
[Display(Name = "Zeitstempel")]
[DisplayFormat(DataFormatString = "{0:dd.MM.yyyy HH:mm}"]
public DateTime Timestamp { get; set; }

[Display(Name = "Wert")]
[DisplayFormat(DataFormatString = "{0:#,###.###}")]
public decimal Value { get; set; }
}

The DisplayFormatAttribute seems to be ignored. The Problem is that the count of the rows vary, so I can't predefine the format using Rows.Add().Cells(c => c.Add().Format("dd.MM.yyyy HH:mm").

How can I achieve the Timestamps to be displayed with date AND time?

Spreadsheet

answered on 09 Feb 2018

1 answer

356 views

How to add message to notification from controller

Hi, I'm trying to use the Kendo Notification widget to add error/success messages to my page. Currently I'm using modelstate errors to display a quick message but I want to switch over to the kendo widget. My issue is I want to be able to set the notification message from the server side in the controller. Is there any way to easily access the notification widget from my controller?

Notification

answered on 08 Feb 2018

2 answers

267 views

Wrong value in NumericTextBox in Chrome

Hi there

da-DK is my culture name and I set the globalization correctly.I have a problem with NumericTextBox. My database field value is 4587.25.It is rendering expected in Firefox (4.587,25) and IE, but making a problem in Chrome (empty numeric textbox), I saw a warning in Chrome console.

The specified value "4587,25" is not a valid number.The value must match to the following regular expression:-?(\d+|\d+\.\d+|\.\d+)([eE][-+]?\d+)?

How can I fix this chrome behavior? I built a small a project and added some code to generate the problem. Index.cshtml contains a extension method BeginForm2(), inside this method I wrote my code.Download

Thanks

Sabbir

NumericTextBox

answered on 07 Feb 2018

8 answers

1.2K+ views

Javascript Error when Binding Number with comma to represent a decimal separator

Hello,

When I try to bind a NumericTextBox or a CurrencyTextBox to a decimal number, I get in the javascritpt console the following error:
"The specified value "2,5" is not a valid number. The value must match to the following regular expression: -?(\d+|\d+\.\d+|\.\d+)([eE][-+]?\d+)?"

The problem seems to be because we use a comma to represent a decimal separator.
I set the culture kendo.culture.es-AR to my layout so the controls should support this.
Can I configure a number format for numeric controls in my proyect to accept a comma for decimal separator?

Thanks.

NumericTextBox

answered on 07 Feb 2018