Questions on UI for ASP.NET MVC Forum

1 answer

154 views

Action to return on server side validation failure

When the ModelState returns errors to the datasource object, how does one find the grid row where the error occurred and then set it to edit mode? Thanks for any help.

-Tony

Grid

answered on 10 Aug 2012

0 answers

175 views

Submit form containing grid and other elements - not working in IE

With reference to the Kendo Code Library post titled Submit form containing grid along with other input elements, located here, I've found that "out of the box" it does not work in IE (I'm using v9), while it works perfectly in Chrome and Firefox. I've experienced similar behavior when applying this sample to a project I am working on. Any idea why this would be? I thought all mainstream browsers are s'posed to handle Kendo UI without any issues?

EDIT:
I've found that if my move the Submit button's HTML so that it is BEFORE the Kendo Grid declaration, then it works in IE. Why is this?

Grid

asked on 09 Aug 2012

5 answers

240 views

MVC Controls Not Displaying Correctly On My PC

Selectors are not displaying down arrows, and the date picker, while usable, is not visible, on my PC.

If I publish the website from my PC, the problem appears on the live version - then another developer has to get the latest version and publish it to restore the appearance of the controls.

The attached image shows a browser with the controls working overlayed by a browser showing the same page on my PC.

I am using the same version of the MVC controls as they are. Here is a listing of my project bin directory:

Directory of C:\Users\graham.TPN\Documents\Visual Studio 2010\Projects\TPNTools
\TPNTools\bin

07/08/2012 14:44 <DIR> .
07/08/2012 14:44 <DIR> ..
07/06/2012 11:57 970,752 Telerik.Web.Mvc.dll
07/06/2012 11:57 2,754,048 Telerik.Web.Mvc.pdb
07/06/2012 11:57 1,260,653 Telerik.Web.Mvc.xml
07/08/2012 14:44 401,408 TPNTools.dll
07/08/2012 14:44 548,352 TPNTools.pdb
5 File(s) 5,935,213 bytes
2 Dir(s) 209,180,905,472 bytes free

General Discussions

answered on 09 Aug 2012

1 answer

204 views

Loading the series with data

Hi Everyone,

Here is my code snippet....
I need to know how to load the series data from information in the controller.

<tr>

<td>

@* ToDo uncomment the follwing to activate Telerik Chart *@

@(Html.Telerik().Chart<Qforma.Data.Physician>()

.Name("TimeSeries")

.Title(title => title.Text("Time Series"))

.Transitions(true)

//.PlotArea(area => area.Background("#ccff00"))

.Legend(legend => legend.Position(ChartLegendPosition.Bottom)

)

.Series(series =>

{

series.Bar(new int[] { 3015, 4003, 5881 }).Name("one");

series.Bar(new int[] { 10458, 18598, 22623 }).Name("two");

})

.CategoryAxis(axis => axis

.Categories(new string[] { "Aug 2010", "Sept 2010", "Oct 2010" })

)

</td>

</tr>

Chart

answered on 08 Aug 2012

2 answers

365 views

Filter Icon does not show up in the columns

Hi, I'm trying to create a Grid with Filterable option but the Icon does not showup in the column, looks like it is invisible and when I click in the corner the menu pops. What am I missing?

Grid

answered on 08 Aug 2012

0 answers

176 views

Single method to handle SubmitChanges when in Batch Edit Mode

Currently we use a grid in batch edit mode. When we click save changes, then the controller's Update method is called passing it all the updated rows. Then the controller's Create method is called, passing it all the added rows. Then the controller's delete method is called, passing it all the deleted rows.
Is it possible to, ( or if not, would you consider adding the feature) to configure the datasource to call a single "SaveAllChanges" controller method instead, which contains 3 parameters, one for the changed rows, one for the added rows and one for the deleted rows?
This is to enable scenarios in which the collection of rows needs to have validation applied that takes all rows into account. For example, the items in the collection may not exceed a certain total Qty. So if a user deletes one row, and adds another row, the controller will execute the Create method first, and this could cause a failure of the validation because of a defined Max Qty for all rows being exceeded; meantime the removal of the deleted row will actually cause validation to pass, but the Create method of the controller cannot know that when processing its validation.

Grid

asked on 08 Aug 2012

2 answers

176 views

SubMenu only open with click.

Hi

Im using kendoui 2012 q2.

Im trying to open a sub menu but it doesn't open when i hover over it.
Only when i define

.OpenOnClick(true)
then when i click it, it's ok.

Thank you

Menu

answered on 08 Aug 2012

0 answers

206 views

Hide column

I need to check whether the user can see the column or not. I need to hide a column if the user has no permission

Grid

asked on 07 Aug 2012

2 answers

478 views

Sort, Group, Paging not working

The sort, group, and page functions are not working on my grid. I have the code below and attached a picture of what happens when I try to group. It's probably something simple but I'm not seeing it.

Layout:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/Content/kendo.common.min.css")">
<link rel="stylesheet" href="@Url.Content("~/Content/kendo.default.min.css")">
<script src="@Url.Content("~/Scripts/jquery-1.7.2.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kendo.web.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/kendo.aspnetmvc.min.js")" type="text/javascript"></script>
</head>
<body>
<div class="page">
<header>
<div id="title">
<h1>
My MVC Application</h1>
</div>
<div id="logindisplay">
Welcome <strong>@User.Identity.Name</strong>!
</div>
<nav>
<ul id="menu">
<li>@Html.ActionLink("Home", "Index", "Home")</li>
<li>@Html.ActionLink("About", "About", "Home")</li>
</ul>
</nav>
</header>
<section id="main">
@RenderBody()
</section>
<footer>
</footer>
</div>
</body>
</html>

View:
@model IEnumerable<QRC.Models.Milestone>
@{
ViewBag.Title = "Column_Reordering";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>
Column_Reordering</h2>
@(Html.Kendo().Grid(Model)
.Name("Grid")
.Columns(columns =>
{
columns.Bound(o => o.ID).Sortable(true).Filterable(false).Groupable(false);
columns.Bound(o => o.Name).Sortable(true).Filterable(true).Groupable(true);
columns.Bound(o => o.Sequence).Sortable(true).Filterable(false).Groupable(false);
columns.Bound(o => o.TemplateType).Sortable(true).Filterable(true).Groupable(true);
})
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.Groupable()
.Reorderable(reorder => reorder.Columns(true))
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Resizable(resize => resize.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Model(model =>
{
model.Id(p => p.ID);
model.Field(p => p.ID).Editable(false);
})
.PageSize(20)

.Read(read => read.Action("GetMilestonesJson", "Kendo")))
)

Controller:
public ActionResult GetMilestonesJson()
{
Milestone viewModel = new Milestone();
viewModel.Milestones = new QuerySvc.QuerySvcClient().GetMilestones(this.xLMContext.Worker, null);
var kendoResult = new DataSourceResult()
{
Data = viewModel.Milestones.Select(p => new { ID = p.ID, Name = p.Name, Sequence = p.Sequence, TemplateType = p.TemplateType }),
Total = viewModel.Milestones.Count()
};

return Json(kendoResult);
}

Grid

answered on 07 Aug 2012

1 answer

289 views

Dropdownlist ajaxRequest

hi all,
i was wondering how to make the dropdownlist update its data like in Telerik MVC.

// Gets the ComboBox
var drop = $("#Parent").data("tComboBox");
// Reload the ComboBox data
drop.reload();

Thanks in advance
Mohammed Adel

DropDownList

answered on 06 Aug 2012