Questions on UI for ASP.NET MVC Forum

1 answer

4.1K+ views

grid save event

Hi,

I have to get the values user entered on edit in the inline grid. So I have kept save event on gird and trying to access the values on the method but I am not sure how to the get the values.

@(Html.Kendo().Grid<BHEBS.Areas.Admin.Models.ContractBudgetModel.contractBudgetBUModel>()

.Name("ContractBudgetBUGrid")

.Events(e => e.Save("onSave"))

.Columns(columns =>

{

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

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

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

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

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

columns.ForeignKey(p => p.SpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

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

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

columns.ForeignKey(p => p.contractSpendPriority, (System.Collections.IEnumerable)ViewData["SpendPriority"], "Value", "Text").Width(120);

columns.Command(command =>

{

command.Edit().HtmlAttributes(new { @class = "btn-primary" });

});

})

.Pageable(pageable => pageable.Refresh(true).PageSizes(true).ButtonCount(5))

.Sortable()

.Scrollable()

.Filterable()

.Selectable()

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

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

.DataSource(dataSource => dataSource.Ajax().PageSize(10).Read(read => read.Action("ContractBudgetBU_Read", "ContractBudget").Data("additionalInfo"))

.Model(model => { model.Id(p => p.Id); model.Field(p => p.Id).Editable(false); model.Field(p => p.BusinessUnit).Editable(false); model.Field(p => p.Description).Editable(false); model.Field(p => p.ServiceType).Editable(false); model.Field(p => p.BUAuthAmt).Editable(false); model.Field(p => p.BUBudgetAmt).Editable(false); model.Field(p => p.SpendPriority).Editable(false); model.Field(p => p.contractSpendPriority).DefaultValue("Normal"); })

.Update(update => update.Action("Update_ContractBudgetBU", "ContractBudget"))))

function onSave(e) {

var data = e.values;

//I am getting error e.values is undefined.

}

Thanks,

Veena

Grid

answered on 20 Jan 2016

1 answer

141 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

152 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

132 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

95 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

86 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

132 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

503 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

656 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