I've got the following code which doesn't seem to render correctly, it moves the fields outside of the form, so the form is an empty tag. I tried adding .Render() to both tabstrip and window at different times and gained a .NET error
"CS1502: The best overloaded method match for 'System.Web.WebPages.WebPageExecutingBase.Write(System.Web.WebPages.HelperResult)' has some invalid arguments "
@(Html.Kendo().TabStrip() .Name("tabstrip") .Items(tabstrip => {@*More tabs*@ tabstrip.Add().Text("Create New Task") .Content( @<text> @using (Ajax.BeginForm(null, null, new AjaxOptions { Url = Url.Action("UserAddNewTask", "ProjectApi", new { area = "API" }), OnSuccess = "CloseAndRefreshTaskGrid()" }, new { @id = "newTaskForm" })) { @Html.Hidden("Id") <div class="container-fluid"> @*More fields*@ <div class="row top10"> @Html.Label("Task Name", new { }) @Html.Kendo().TextBoxFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" }) </div> <div class="row top10"> <button class="btn btn-success" id="btnNewTaskSubmit" type="submit">Submit</button> </div> </div> } </text>); }))
@(Html.Kendo().TabStrip() .Name("tabstrip") .Items(tabstrip => { tabstrip.Add().Text("Create New Task") .Content( @<text> @using (Ajax.BeginForm(null, null, new AjaxOptions { Url = Url.Action("UserAddNewTask", "ProjectApi", new { area = "API" }), OnSuccess = "CloseAndRefreshTaskGrid()" }, new { @id = "newTaskForm" })) { @Html.Hidden("Id") <div class="container-fluid"> @*More fields*@ <div class="row top10"> @Html.Label("Task Name", new { }) @Html.Kendo().TextBoxFor(model => model.Name) @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" }) </div> <div class="row top10"> <button class="btn btn-success" id="btnNewTaskSubmit" type="submit">Submit</button> </div> </div> } </text>); }))
@(Html.Kendo().Window() .Name("editTaskModal") .Modal(true) .Draggable() .Actions(a => a.Pin().Maximize().Minimize().Close()) .Title("Edit Task") .Width(800) .Visible(false) .Position(p => p.Top(150)) //.Content(@Partial/_TimesheetNewTask") .Content(@<text>@Html.Partial("Partial/_TimesheetNewTask")</text>))01.@(Html.Kendo().Window()02. .Name("editPasswordPopUp")03. .Visible(false)04. .Modal(true)05. .Width(600)06. .Height(500)07. .Position(settings =>08. settings.Top(70).Left(200))09. .Title("Edit your password")10. .Content("loading user info...")11. .LoadContentFrom("EditPassword", "Member")12. .Iframe(true)13. .Resizable()14. .Draggable()15. )1.public ActionResult EditPassword() {2. return PartialView();3.}1.[HttpPost]2.[ValidateAntiForgeryToken]3.public ActionResult EditPassword(EditPasswordViewModel viewModel)4.{5. [....]6. return RedirectToAction("Profile", "Member", new {id = viewModel.Id});7. [....]8.}01.@using Devoteam.CustomerPortal.Application.Helpers02.@model Devoteam.CustomerPortal.ViewModels.EditPasswordViewModel03.@{04. ViewBag.Title = "Edit";05. Layout = null;06.}07. 08.@Styles.Render("~/Content/css")09.@Scripts.Render("~/bundles/jquery")10.@Scripts.Render("~/bundles/jqueryval")11.@Scripts.Render("~/bundles/kendo")12. 13.@using (Html.BeginForm())14.{15. @Html.AntiForgeryToken()16. 17. <div id="messageError">18. @Html.ValidationSummary()19. </div>20. [...] // Fields21. 22. <div class="buttons">23. <input type="submit" value="Confirm" class="big-button" />24. <input type="submit" value="Cancel" class="big-button" />25. </div>26.}function deleteCommand(e) { var grid = $('#reimbursementsGrid').data('kendoGrid'); var rows = grid.select(); rows.each( function () { var record = $(this).data(); alert('Selected : ' + record.Id); } )}@(Html.Kendo().Grid(Model) .Name("reimbursementsGrid") .DataSource(dataSource => dataSource .Server() .Model(model => { model.Id(r => r.Id);
...
.Columns(columns =>
{
columns.Bound(o => o.Id).Hidden(true);
...
Picture of the chart: http://i.imgur.com/K88FEJd.png
I cannot get the chart to do categories correctly. If you look at the dates in the following data they are all different except if it is a different department. But in the picture they seem to merge for some reason. Can someone explain this?
Here is my return JSON data...
[{"DepartmentName":"Information Technology","TicketDate":"2015-04-01","TicketCt":3},{"DepartmentName":"Information Technology","TicketDate":"2015-04-16","TicketCt":1},{"DepartmentName":"Human Resources","TicketDate":"2015-04-14","TicketCt":1},{"DepartmentName":"Human Resources","TicketDate":"2015-04-15","TicketCt":1}]Here is my code:
@(Html.Kendo().Chart<Guardian.ViewModels.TicketCount>() .Name("LastTwoWeeks_Tickets") .Title("Ticket Count In The Past 30 Days") .Legend(legend => legend .Position(ChartLegendPosition.Top) ) .DataSource(ds => ds.Read(read => read .Action("_NewTicketCtOverTwoWeeks_Read", "Home")) .Group(group => group.Add(model => model.DepartmentName)) .Sort(sort => sort.Add(model => model.TicketDate).Ascending()) ) .Series(series => series.Line(model => model.TicketCt).Name("#= group.value #")) .CategoryAxis(axis => axis .Categories(model => model.TicketDate) ) .ValueAxis(axis => axis.Numeric() .Labels(labels => labels.Format("{0:N0}")) ) .Tooltip(tooltip => tooltip .Visible(true) .Shared(true) .Format("{0:N0}") ) )
I have scoured the forums and following all of the instructions to try to get the DropDownlist to properly behave. What I am doing is using a wizard (in Jquery) form and each time the next button is called the following code is hit:
if (wizardForm.valid()) {// validate the form
wizardForm.validate().focusInvalid();
.............}
The problem is when I change the ignore option to "", from ignore: ":hidden" the validation looks like it is successful and without validation errors however the next button does not advance to the next page.
I have also tried the example from the "KendoInputs_Validation" project but that does not work at all in Visual Studio.
Hi,
Is there a way to use Kendo().Menu() with complex
ItemDataBound ?
While creating simple menu with several menu option &
several children’s is ok, I did not managed to understand how to implement menu
item with several children & images & dropdown list & buttons.
In the attached image you will find the best explanation in
order to understand what I want I've attached an image
Thanks
Hello,
I have a grid with the filterMenuInit event set up to fire a custom function. However, the event is not firing when I open the filter menu. Here is some of the code for the grid:
@(Html.Kendo().Grid(Model)
.Name("Grid")
.ColumnMenu()
.Columns(columns =>
{
columns.Bound(m => m.Number)
.Title("Number")
.Width(140)
.Filterable(ftb => ftb.Cell(cell => cell.ShowOperators(true).Template("NumberFilter")));
columns.Bound(m => m.FirstName)
.Title("First Name")
.Width(140)
.Filterable(ftb => ftb.Cell(cell => cell.Delay(@serverSideDelay).ShowOperators(true)));
columns.Bound(m => m.LastName)
.Title("Last Name")
.Width(140)
.Filterable(ftb => ftb.Cell(cell => cell.Delay(@serverSideDelay).ShowOperators(true));
})
.Pageable(pageable => pageable
.Refresh(true)
.ButtonCount(10))
.ColumnMenu(menu =>
{
menu.Filterable(false);
menu.Columns(false);
})
.Sortable(s => s
.AllowUnsort(false)
.SortMode(GridSortMode.SingleColumn))
.Selectable()
.EnableCustomBinding(true)
.Events(e => e.FilterMenuInit("hideFilter"))
.Filterable(ftb => ftb.Mode(GridFilterMode.Row))
.DataSource(dataSource => dataSource
.Ajax()
.Model(model => model.Id(m => m.ID))
.Sort(s =>
{
s.Add("LastName").Ascending();
})
.PageSize(10)
.ServerOperation((bool)@ViewBag.IsServerSide)
.Read(read => read.Action("ReadAction"))
.Total((int)ViewBag.Count)
.Events(events => events.Error("onKendoDataSourceError").RequestStart("checkFilter"))
)
.Events(e => e.Change("selectObject").DataBound("checkFilter"))
)
I'm using version 2014.3.1316. Can you please help with this? Thanks.
Hi,
I have a custom class with a few strings and a list My grid is bound to a collection of my custom class and one of the columns is for the list.count. When the Grid renders, the column is empty. When reviewing the html code for the Grid, I discovered that the object type of list.count is now "object", see below:
{"Provider":{"type":"string"},"Type":{"type":"string"},"Bills":{"type":"object"}
Where bills is a List<>.
Hi everyone,I've created a Grid Hierarchy here..I was able to get the column values from my Parent Grid(CustomerGrid) to use it on a ClientTemplate for example
(@Html.ActionLink("Add Order", "AddOrder", "Customer", new { customerId = "#= CustomerId#" }, null).ToHtmlString()).
But when I'm trying to adapt this kind of code, now getting the customerOrderId field from my Child Grid and use it on my ClientTemplate for example
(@Html.ActionLink(AmsStrings.LabelEditAmendment, "EditOrder", "CustomerOrder", new { orderId = "#= OrderId#" }, null).ToHtmlString())
@(Html.Kendo().Grid<customerviewmodel>().Name("CustomerGrid").Columns(columns =>{columns.Bound(item => item.CustomerId).Hidden(true);columns.Bound(item => item.Name);columns.Template(t => { }).Title("").Width(120).ClientTemplate("<div class='btn-group'> " + "<a class='btn btn-default btn-sm dropdown-toggle' data-toggle='dropdown'> Action <span class='caret'></span></a>" + "<ul class='dropdown-menu'> " + " <li>" + (@Html.ActionLink("Add Order", "AddOrder", "Customer", new { customerId = "#= CustomerId#" }, null).ToHtmlString()) + "</li>" + " </ul></div>");}).Selectable(selectable =>{selectable.Enabled(true);selectable.Mode(GridSelectionMode.Single);}).ClientDetailTemplateId("template").DataSource(datasource => datasource.Ajax().Model(model =>{model.Id(m => m.CustomerId);}).Read(read => read.Action("CustomerDataSource", "Customer"))).Sortable())<script id="template" type="text/x-kendo-template"> @(Html.Kendo().Grid <CustomerOrderViewModel> () .Name("grid_#=CustomerId#") .Columns(columns => { columns.Bound(item => item.OrderId).Hidden(true); columns.Bound(item => item.OrderName); columns.Template(@<text></text>) .Title("") .Width(100) .ClientTemplate("<div class='btn-group'> " + "<a class='btn btn-default btn-sm dropdown-toggle' data-toggle='dropdown'>Action<span class='caret'></span></a>" + "<ul class='dropdown-menu'> " + " <li>" + (@Html.ActionLink("Edit", "EditOrder", "CustomerOrder", new { orderId = "#= OrderId#" }, null).ToHtmlString()) + "</li>" + " <li>" + (@Html.ActionLink("View", "ViewOrder", "CustomerOrder", new { orderId = "#= OrderId#" }, null).ToHtmlString()) + "</li>" + " </ul> </div>"); }) .Editable(editable => editable.Enabled(false)) .Sortable() .Selectable(selectable => { selectable.Enabled(true); selectable.Mode(GridSelectionMode.Single); }) .DataSource(datasource => datasource .Ajax() .ServerOperation(false) .PageSize(5) .Model(model => model.Id(p => p.OrderId)) .Read(read => read.Action("CustomerOrderDataSource", "CustomerOrder", new { customerOrderId = "#=customerId#" }))) .ToClientTemplate())</script>