Questions on UI for ASP.NET MVC Forum

1 answer

144 views

Bar Chart - Error with ChartSeriesFactory

I am using asp.net mvc 6 and your example chart code below. I get an compile error on .bar - ChartSeriesFactory' does not contain a definition for 'Bar' and no extension method 'Bar' accepting a first argument of type 'ChartSeriesFactory' could be found (are you missing a using directive or an assembly reference?

I'm using your latest code 2016.1.112 trial version and set up exactly as described in your documentation.

@(Html.Kendo().Chart()
.Name("chart")
.Title("Site Visitors Stats \n /thousands/")
.Legend(legend => legend
.Visible(false)
)
.ChartArea(chartArea => chartArea
.Background("transparent")
)
.Series(series =>
{
series.Bar(new double[] { 56000, 63000, 74000, 91000, 117000, 138000 }).Name("Total Visits");
series.Bar(new double[] { 52000, 34000, 23000, 48000, 67000, 83000 }).Name("Unique visitors");
})
.CategoryAxis(axis => axis
.Categories("Jan", "Feb", "Mar", "Apr", "May", "Jun")
.MajorGridLines(lines => lines.Visible(false))
)
.ValueAxis(axis => axis
.Numeric()
.Max(140000)
.Line(line => line.Visible(false))
.MajorGridLines(lines => lines.Visible(true))
)
.Tooltip(tooltip => tooltip
.Visible(true)
.Template("#= series.name #: #= value #")
)
)
</div>

Chart

answered on 20 Jan 2016

13 answers

153 views

ASP.NET 5 MVC 6 beta 8 regressions

Hi,

I have just updated my ASP.NET 5 MVC 6 project to the beta8 using the provided beta8 2015.3.1026 nuget package for Telerik UI for ASP.NET MVC (https://www.nuget.org/packages/Kendo.Mvc/2015.3.1026).

There seems to have been many regressions in component fonctionnalities.

For instance, it is no longer possible to use Deferred initialization for grids or notifications.

@Html.Kendo().DeferredScriptsFor("grid", false)

The application does not throw any exception but the components are not initialized anymore and nothing appears...

I would suppose this is the case for all components allowing deferred initialization.

Also, it is no longer possible to use Edition (inline or popup) with grids.

I had to comment the folowing features in order for the page to not crash with a HTTP Error 502.3 - Bad Gateway

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

.Name("grid")

//.Deferred()

.Columns(columns =>

{

columns.Bound(p => p.Description);

columns.Bound(p => p.Code);

columns.Bound(p => p.Region);

columns.Bound(p => p.Oecd);

columns.Bound(p => p.UE);

//columns.Command(command => { command.Edit().Text(" ").CancelText(" ").UpdateText(" "); command.Destroy().Text(" "); }).Width(100);

})

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

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

.Pageable()

.Sortable(sortable => sortable.SortMode(GridSortMode.MultipleColumn))

.Scrollable()

.Filterable(filterable => filterable.Mode(GridFilterMode.Row))

.HtmlAttributes(new { style = "margin-top:20px;height:400px;" })

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(20)

.Model(model =>

{

model.Id(p => p.Id);

})

.Sort(sort => sort.Add("Description").Ascending())

.Read(read => read.Action("Get", "Countries"))

.Create(update => update.Action("Create", "Countries"))

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

.Destroy(update => update.Action("Delete", "Countries"))

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

)

General Discussions

answered on 20 Jan 2016

7 answers

134 views

Version 2016.1.112 Issues

I've just updated a project to version 2016.1.112, and now the row that the mouse pointer hovers over is highlighted (see attached image). How can this be turned off?

Also, whilst it is now possible to filter for null dates, the Boolean columns on the grid, still only offer a true/false option. Is it possible to add an is null option?

Thanks

Grid

answered on 20 Jan 2016

1 answer

99 views

Mismatched Toolbar Button Fonts

Given the grid toolbar code below, is there a reason why the Excel and PDF buttons show in a heavier font weight than the Create button?

Please see the attached bitmap.

Is there a workaround?

Ken

.ToolBar(toolbar => toolbar.Create().Text("Add new Customer"))

.ToolBar(toolbar => toolbar.Excel().Text("Export to Excel"))

.ToolBar(toolbar => toolbar.Pdf().Text("Export to PDF"))

Grid

answered on 20 Jan 2016

2 answers

91 views

formatting hash variables

I have a DateTime field in my model which I want to format. How do you do this in 'UI for ASP.NET MVC' and how do you format kendo # variables in general?

'kendo.' is not recognized in the "text/x-kendo-template", #= Applied # is and displays the full DateTime.

General Discussions

answered on 19 Jan 2016

9 answers

134 views

Monitor option for TimeLine

I'm trying to build a monitoring page for a Telerik Scheduler in MVC and trying to refresh the page every minute. I can-do a reload() every minute but was hoping for a more elegant solution. I'm trying the following code in javascript However I don't see the time-bar updating. setInterval(function () {

var scheduler = $("#ReservationsTimeLine").data("kendoScheduler");

var start = Date.now();
var end = start + 2 * 60 * 60 * 1000;

scheduler.startDate = start;
scheduler.endDate = end;
scheduler.dataSource.read();
scheduler.refresh();

}, 60000); //1 minute

Scheduler

answered on 18 Jan 2016

7 answers

1.0K+ views

Is it possible to remove "k-textbox" class from MaskedTextBox?

Hello everyone,

Is it possible to remove the "k-textbox" class from MaskedTextBox? I have my own Bootstrap/Material Design input class.

<div class="form-group form-group-material-light-blue">
@(Html.Kendo().MaskedTextBox()
.Name("phone_number")
.Mask("(999) 000-000-000")
.HtmlAttributes(new {@class = "form-control floating-label mdc-text-grey-700"})
)
</div>

But still after the page renders "k-textbox" gets added automatically.

Please advice,

Alex

MaskedTextBox

answered on 18 Jan 2016

1 answer

511 views

Popup editor: what to return when model validation fails?

I have an MVC Razor app with the Kendo Grid using the popup editor modeled on the demo. The popup comes up OK, and the model is invoked and does it's validation steps. I do not use Entity Framework, the model has validation logic that applies business rules. My problem is that when validation fails, or succeeds for that matter, the demo does not show what to return to the view/grid. How are errors formatted for example?

My other question is what to return if successful? The object the controller got from the editor is a singular object, not IQueriable or IEnumerable. My grid is populated with data, and the model has already done the insert to the database if validation passed. Do I refresh the grid, and if so, how can I make sure the user is kept in the same section of the grid?

My controller code for Create is shown below (the return code shows an Intellisense error you can't see here):

[AcceptVerbs(HttpVerbs.Post)]

public ActionResult EditingPopup_Create([DataSourceRequest] DataSourceRequest request, BuyerAssignmentRecord bar)

{

if (bar != null)

{

if (bar.DepartmentOI == 0) { bar.DepartmentOI = -1; }

if (bar.EmployeeOI == 0) { bar.EmployeeOI = -1; }

if (bar.Validate())

{

bar.Create();

}

else

{

// todo: what to return if validation failed?

}

return Json(new[] { BuyerAssignmentRecord }.ToDataSourceResult(bar, ModelState));

}

Grid

answered on 15 Jan 2016

11 answers

661 views

Dropdownlist problem in Grid

I am using a dropdownlist in grid. The value is showing correctly in the column but when I click on the the column, the dropdownlist comes without the selected value. I have attached 3 images.

I need the value to be selected when I will click on the column and the dropdownlist will appear with that value. In my case when I will click on the column, the dropdownlist will appear with "DB" selected. And then I can change another value if I want. How can I do that?

Thanks

Grid

answered on 14 Jan 2016

1 answer

449 views

Hide commands/toolbar based on db-based role management

Hello,

the AuthorizeAttribute does for well initial authorization and authentication and for actions that return views, but it doesn't work for grid commands such as save. Well it actually prevent the saving process, but the routing to the error-action doesn't work properly, because the save-command doesn't expect a view to be returned.

Rather than redirecting I'd like to hide commands/toolbar-items based on the role a user has in our database, but so far I only found an option like this based on AD-roles. Is there any way for me to do this?

Grid

answered on 14 Jan 2016