Questions on UI for ASP.NET MVC Forum

1 answer

164 views

[Solved] 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

167 views

Cancel row selection

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

Grid

answered on 10 Apr 2015

20 answers

460 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

328 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

189 views

[Solved] 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>()

13. .Name("grid")

14. .Columns(columns =>

15. {

16.// columns stuff

17. })

18. .ToolBar(tools =>

19. tools.Pdf())

20. .Pdf(pdf => pdf

21. .AllPages()

22. .FileName("Kendo UI Grid Export.pdf")

23. .ProxyURL(Url.Action("EnquiryExportToPdf", "Home"))

24. )

25.

26. ))

Ultimately I want to do the same with Excel.

Any ideas would be welcome.

Many thanks

Nathan

Grid

answered on 09 Apr 2015

1 answer

145 views

[Solved] Scheduler events not working

Hi,

i am working with kendo scheduler and it gives me an error at scheduler event binding except for change event all other events generate me the same error. I created a new sample project with latest kendo version but still struggling with the same issue please refer the attach project and images for more information.

Scheduler

answered on 09 Apr 2015

5 answers

203 views

Selecting resources in new modal window

As it is my first post on telerik forum i would like to say HI ;)

And my question:

Is it possible to select resources for scheduler event in new window ? i have to create event that have participants as persons and companies and there is to many persons and companies in database to select them from dropdownlist.

Now i would like to have button for "Add Person" and "Add Company" or just "Add participants" and then generate a view where i could search and select in chceckboxes and then return these persons/companies back into controller.

Is it possible at all ?

Could you make me a list of steps that allow me to achieve it ? (I am new in telerik)

Scheduler

answered on 09 Apr 2015

1 answer

1.0K+ views

Failed to load resource: the server responded with a status of 401 (Unauthorized)

Hello
I'm programming in ASP MVC and I'm with the following problem:

I put the DateTimePicker on the page and when I test my LOCALHOST I do not have any problem, but when I publish the page on the server does not leave me icons DateTimePicker, leaving the inspector elements GoogleChrome the following error "Failed to load resource: the server responded with a status of 401 (Unauthorized) "
search the internet some solution and can not find,

I attached the image so you can see the problem and can help me find a solution.

Thanks

DatePicker

answered on 09 Apr 2015

1 answer

66 views

Grid Randomly Not Getting Correct Data-Roles Set

Has anyone ever experienced a grid not getting any of the data-roles applied to the markup when the page loads? This seems to happen randomly, but usually when we open up the Kendo Window that contains the grid very quickly after the page loads.

It almost looks like we are going too quick for Kendo to catch up and create the proper markup.

Has anyone else seen a problem like this?

Grid

answered on 09 Apr 2015

4 answers

994 views

Grid with Datepicker in Toolbar

Hi.
There is grid:

@(Html.Kendo().Grid<OperMVC.Models.Daily>()

.Name("Grid")

.Columns(c => {

c.Bound(p => p.Name).Width(150);

c.Bound(p => p.BDayDate).Width(50);

})

.ToolBar(toolbar =>

{

toolbar.Template(

@<div><label>BDate: </label>

@(Html.Kendo().DatePicker()

.Name("datepicker")

.Events(e => e.Change("GetDate"))

.Value(DateTime.Today)

.Format("dd.MM.yyyy")

)</div>

);

})

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("ReadBDays", "Person").Data("filterDate"))

//.ServerOperation(true)

)

and js script for DatePicker Event:

function GetDate() {

var value = this.value();

var date = new Date();

if (value) {

date.setTime(Date.parse(value));

console.log(date.toLocaleDateString());

}

$("#Grid").data("kendoGrid").dataSource.read();

}

js function for filter data by date:

function filterDate() {

var date = $("#datepicker").data("kendoDatePicker").value();

console.log("filtered date:" + date);

return {dateString : date}

}

When I select the date, then update the Grid as I need, but if I want to choose a new date, it opens a DatePicker without any a dates. you have to change the month and return back, then there are only dates
Attach screenshot

Grid

answered on 09 Apr 2015