Questions on UI for ASP.NET MVC Forum

1 answer

338 views

EditorFor with the Name method returns null

I dont know if this is a bug or something something I could not find the documentation.

If you are using the EditorFor() and you supply a .Name() method in your form. On submit it will return a null value in MVC. I don't know why, it just does.

My hopes is that a moderator/dev can expand on this a little more and make add some more documentation/examples to the demos on the EditorFor component.

Hopefully this helps someone. :)

So once I removed the ".Name("tkCommentEditor") line below from my code, it worked like I expected it to.

@(Html.Kendo().EditorFor(t => t.Body)

.Name("tkCommentEditor")

.Resizable()

.Tools(tools => tools

.Clear()

.Formatting()

.CleanFormatting()

.FontName()

.FontSize()

.FontColor()

.Bold().Italic().Underline().Strikethrough()

.JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()

.Outdent().Indent()

.SubScript().SuperScript()

.TableEditing()

.ViewHtml()

)

Editor

answered on 14 Apr 2015

1 answer

93 views

DatePicker Loses Its Style After Adding Events

Hello,

I have datepicker in my view as below, But after adding event as http://demos.telerik.com/aspnet-mvc/datepicker/events, it lost its style and looks like Jquery UI datepicker.

When i looked at the source code, without using events, the input type is string and output is like below:

<span class="k-picker-wrap k-state-default"><input data-val="true" data-val-date="The field Hakediş T. must be a date." data-val-required="The Hakediş T. field is required." id="CmsProgressPaymentDate" name="CmsProgressPaymentDate" style="width: 100%;" type="text" value="13.04.2015" data-role="datepicker" class="k-input k-valid" role="combobox" aria-expanded="false" aria-owns="CmsProgressPaymentDate_dateview" aria-disabled="false" aria-readonly="false"><span unselectable="on" class="k-select" role="button" aria-controls="CmsProgressPaymentDate_dateview"><span unselectable="on" class="k-icon k-i-calendar">select</span></span></span>

But when i added the onchange or another events, the input type becomes to date and the output as below,

<input data-val="true" data-val-date="The field Hakediş T. must be a date." data-val-required="The Hakediş T. field is required." id="CmsProgressPaymentDate" name="CmsProgressPaymentDate" style="width:100%" type="date" value="13.04.2015">

@(Html.Kendo().DatePickerFor(p=>p.CmsProgressPaymentDate)

.Name("CmsProgressPaymentDate")

.Value(System.DateTime.Now)

.HtmlAttributes(new { style = "width:100%" })

}

Date/Time Pickers

answered on 13 Apr 2015

4 answers

69 views

Function accepts numbers but not strings from grid cell

Grid

answered on 13 Apr 2015

3 answers

318 views

Treeview with Template - item.text undefined

Hi there,

I am attempting to get the Treeview template to work, similar to the demo for the MVC treeview:

<script id="treeview-template" type="text/kendo-ui-template">

#: item.text #

# if (!item.items) { #

<a class='delete-link' href='\#'></a>

# } #

</script>

<div class="row">

<div class="form-group col-md-12">

@(Html.Kendo().TreeView()

.Name("treeview")

.TemplateId("treeview-template")

.DataTextField("Name")

.DragAndDrop(true)

.DataSource(dataSource => dataSource

.Read(read => read

.Action("Parties", "TreeView")

)

.Events(events => events

.Drop("onDrop")

)

</div>

However, the item.text expression always evaluates as undefined - not sure what I am doing wrong? If I remove this, the item.items expression on the next line is correctly evaluated.

Thanks,

Paul

TreeView

answered on 13 Apr 2015

3 answers

372 views

TabStrip BindTo content using Action

So I originally defined a TabStrip and manually loaded the content using LoadContentFrom with an Action which returned a PartialView of content defined in another .cshtml. It worked fine.

Now I want to do something similar, but have the items of the TabStrip bound to a collection. The TabStrip is binding the text of the item just fine, but the Action to get the content is never being called. How do I define it so that it does, similar to LoadContentFrom?

If my old implementation is:

@(Html.Kendo().TabStrip()

.Name("tabStrip")

.Items(items => {

items.Add().Text("Test").LoadContentFrom("MyAction","MyController", new { id = 0 });

})

)

How do I translate that to:

@(Html.Kendo().TabStrip()

.Name("tabStrip")

.BindTo(Model, (item, category) =>

{

item.Text = category.TestText; // works

item.Action("MyActions", "MyController", new { id = 0 }); // Doesn't seem to do anything

})

)

TabStrip

answered on 13 Apr 2015

1 answer

130 views

Stacked Bar using AJAX - how to project the model?

I have restricted horizontal space on a page, but have multiple values to display in a graph. I thought a single-column, stacked column chart would fit the bill. I'm interested in showing proportion of values.

I have a simple model:

UserName
Items

Using the AJAX mechanism shown here http://demos.telerik.com/aspnet-mvc/bar-charts/remote-data-binding I can get the chart to display using the following code:

@(Html.Kendo().Chart<RequestLoadingSummaryAggregate>()

.Name("resourceLoadingChart")

.Title("Resources")

.Legend(legend=>legend.Visible(false))

.DataSource(dataSource=>dataSource.Read(read=>read.Action("RequestLoadingSummary","Home")))

.Series(series =>

{

series.Column(model => model.Items).Name("Resource");

})

.CategoryAxis(axis=>axis

.Categories(model=>model.UserName)

.Labels(labels=>labels.Rotation(-90))

.MajorGridLines(lines=>lines.Visible(false))

)

.ValueAxis(axis=>axis.Numeric()

.Labels(labels=>labels.Format("{0:N0}"))

.MajorUnit(100)

.Line(line=>line.Visible(false))

)

.Tooltip(tooltip=>tooltip

.Visible(true)

.Format("{0:N0}")

)

.ChartArea(chartArea=>

chartArea.Height(400))

)

But I cannot get it to work as a Stacked Column using the additional defaults:

.SeriesDefaults(seriesDefaults =>

seriesDefaults.Column().Stack(ChartStackType.Normal)

)

How can I project the model from the AJAX result into a form that the chart can understand such that the values occupy a single column with multiple values?

Thanks

Nathan

Chart

answered on 10 Apr 2015

1 answer

134 views

Cancel row selection

Can you cancel a row selection from within the onSelect event?

Grid

answered on 10 Apr 2015

20 answers

369 views

Upgrade Wizard for Kendo UI v2014.3.1316 fails

I just tried upgrading my VS2013 solution to v2014.3.1316 of the MVC UI. It's failed three times now. My solution has two MVC enabled projects using the 2014.3.1223 internal update (which I had to manually install for probably the same reason) in it and I tried to update both at the same time. I got the following error:

An error occurred while running the wizard.Error executing custom action Telerik.KendoUI.Mvc.VSX.Actions.MultiProjectCopyResourcesAction: System.Runtime.InteropServices.COMException (0x8007007C): Error deleting file 'kendo.messages.ru-RU.min.js'. The system call level is not correct.   at EnvDTE.ProjectItem.Delete()
   at Telerik.VSX.ProjectConfiguration.ProjectFileManager.DeleteContents(String projectRelativePath, String excludePattern)
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.ModifyScripts(String mainAssemblyFolder, String versionedFolder)
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.ModifyResources()
   at Telerik.KendoUI.Mvc.VSX.Actions.CopyResourcesAction.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap project)
   at Telerik.VSX.Actions.ProjectActionBase.Telerik.VSX.Actions.IProjectAction.Execute(IWizardContext wizardContext, IPropertyDataDictionary arguments, IProjectWrap projectWrap)
   at Telerik.VSX.Actions.MultiProjectActionBase`1.Execute(WizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.Actions.ActionBase.Telerik.WizardFramework.IAction.Execute(IWizardContext wizardContext, IPropertyDataDictionary arguments)
   at Telerik.VSX.WizardEngine.ActionManager.ExecActions()

What gives?

Installer and VS Extensions

answered on 09 Apr 2015

3 answers

289 views

Update Grid PageSize not working in ClientSide Paging Grid

I am working on a Client-Side paging grid (ServerOperation(false)) where I need to manually update the page size when a new row has been added using the grid's dataSource.insert() method. The reason for this is because I want to have the new record visible as well as any other existing records on the grid on the same page.

I am updating the page size using the following code when a new record is added:

var grid = $("#myGrid").data("kendoGrid"

);

var

currentPageSize = grid.dataSource.pageSize();

grid.dataSource.pageSize(++currentPageSize);

grid.refresh();

Unfortunately, the above code does not work for Client-Side paging but it works on Server-side paging.

Any assistance would be very welcome.

Grid

answered on 09 Apr 2015

3 answers

144 views

Invoke the PDF export from the Toolbar component

Hi,

I can see that the Grid component can produce PDF (and Excel) exports, which is ideal.

But, how can I invoke the functionality from outside of the native Grid toolbar?

In the example below, I want to invoke the PDF export of the Grid using the Toolbar component (though it could be any external stimulus)

01.@(Html.Kendo().ToolBar()

02. .Name("ToolBar")

03. .Items(items =>

04. {

05. items.Add().Type(CommandType.SplitButton).Text("Export").ImageUrl(Url.Content("~/Content/web/toolbar/save.png")).MenuButtons(menuButtons =>

06. {

07. menuButtons.Add().Text("Export to Excel").ImageUrl(Url.Content("~/Content/web/toolbar/save.png"));

08. menuButtons.Add().Text("Export to PDF").ImageUrl(Url.Content("~/Content/web/toolbar/upload.png"));

09. });

10. })

11. )

12. @(Html.Kendo().Grid<RequestWorkflowWithWatcherViewModel>()