Questions on UI for ASP.NET Core Forum

1 answer

162 views

In order to use Boostrap tooltips, I have the following on my page.

$(document).ready(function() {

$('[data-toggle="tooltip"]').tooltip();
});

However, when using a grid with hierarchy, the tooltips of the details grids are not rendered yet so the above method cannot work for them.
Are there some events that I can hook to when the details grids appear?

Grid

answered on 29 Sep 2017

1 answer

105 views

Send Up Empty String Value in Update

In my ASP.NET Core application I use a Razor template to create a Kendo grid based on one of my ViewModels. The grid itself is set to use InCell editing and one of the columns generated corresponds to a string variable in the ViewModel. When I clear the string cell in the grid and trigger an update to the grid's datasource I would expect the value of the string variable in the model of the datasource request to be an empty string. However, when I stop at a break point in the controller and look at the properties of the model the string value has a value of null.

What would I need to do to pass along an empty string in the model to the controller action?

Grid

answered on 27 Sep 2017

3 answers

362 views

win.refresh with grid dataItem data

I have a custom Edit button on Grid.

Upon clicking Edit, I get the selected grid data row:

function onUserOrgEdit(e) {

...

var data = this.dataItem($(e.currentTarget).closest("tr"));

...

}

Next, I need to refresh my window:

var win = $("#createUserWindow").data("kendoWindow")

win.refresh({
url: "/Admin/EditOrgRole",
data: data

});

I cannot JSON.stringify because wrong content-type is sent to controller action and asp.net core mvc not able to bind JSON correctly. I get null values in controller action.

What is the correct way to do this?

Thanks.

Window

answered on 26 Sep 2017

1 answer

89 views

Clear button triggers a controller call with empty text

I set MinLength on Autocomplete.

However when I click on the "clear" icon of the autocmplete box there are a few unexpected behaviors

- there is a call to the controller with empty text

- the dropdown remains open saying "no data found"

AutoComplete

answered on 21 Sep 2017

1 answer

1.8K+ views

How to send an item via EditorViewData

I have an editable grid with custom EditorTemplate, the grid has "InLine" edit mode.

I would like to send a property to this EditorTemplate by using EditorViewData. This property is assigned to the selected row.

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

.Name("VehiclesGrid")

.Events(e => e

.ExcelExport("excelExport")

.BeforeEdit("getColor"))

.Columns(columns =>

{

// LOOK AT THE FIRST LINE BELOW:

columns.Bound(d => d.ImageId).Title("Image").ClientTemplate("<img src='" + Url.Content("~/imgs/") + "#:Image#'/>").Width(120).Sortable(false).Filterable(false).EditorViewData(new { colorId = 1 });

// colorId = 1 should be replaced with something like #:ColorId#

columns.Bound(d => d.Brand).Width(200).Filterable(fb => fb.Multi(true).Search(true));

columns.Command(command => { command.Edit(); }).Width(100);

})

.Editable(editable => editable.Mode(GridEditMode.InLine))

.DataSource(source => source

.Ajax()

.Events(events => events.Error("errorHandler"))

.Model(model => model.Id(p => p.DeviceId))

.Read(read =>

{

read.Action("GetVehicles", "Vehicles").Data("searchQuery");

})

.Update(update => update.Action("Update", "Vehicles"))

)

My question is how can I send an item with "" property?

My first idea was to create a javascript function, which will return data like this:

function getColor(e) {

return {

colorId: e.model["ColorId"]

};

}

But I can't see the solution to pass this data into EditorViewData method.

Thanks,

Mateusz

Grid

answered on 21 Sep 2017

1 answer

774 views

How to use the CamelCase formatting for a column

I have a data on a server with the CalbelCase formatting for properties. How bind column to model via lambda expression?

This example demonstrates this:

@(Html.Kendo().Grid<WebApplication66.Models.Contact>()
.Name("Grid")
.Columns(columns => {
columns.Bound(m => m.Name);
columns.Bound(m => m.Price);
})
.DataSource(d => d
.WebApi()
.Model(model => {
model.Id(m => m.Key);
model.Field(m => m.Name);
})
.Read(read => read.Action("Get", "Contacts"))
)
)

My JSON form WebApi controller:

{"data":[{"name":"Test Name","price":100,"key":0},{"name":"Test Name 2","price":1,"key":1}],"total":2,"aggregateResults":null,"errors":null}

Grid

answered on 21 Sep 2017

47 answers

591 views

.NET Core 2.0 Support

When will you support .NET Core 2.0? I currently cannot use the ToDataSourceResult extension method in my controllers as it depends on an obsolete namespace Microsoft.AspNetCore.Mvc.ModelBinding.ValueProviderResultExtensions.

General Discussions

answered on 20 Sep 2017

1 answer

223 views

Sparkline Tooltip Template

Hi,

How can I show the category with the value in the tooltip ? I used the template property for this as follows. The template property is not working in the sparkline but template property is running in the chart.

@(Html.Kendo().Sparkline<VKSWeb.Models.RasyoAnaliz.RasyoTum>()
.Name("turkiye-girisim-sparkline")
.Type(SparklineType.Area)
.Series(series => series
.Line(field => field.TurkiyeGirisimSayisi).Color("\\#639514"))
.SeriesDefaults(sd => sd.Line()
.Width(2)
.Tooltip(tooltip => tooltip.Visible(true)
.Format("{0} Adet")
.Template("${category} - ${value}")))
.CategoryAxis(categoryAxis => categoryAxis
.Crosshair(crossHair => crossHair.Visible(true)))
.ToClientTemplate())