Questions on UI for ASP.NET MVC Forum

1 answer

257 views

Upload in IE showing complete file name with drive (e.g. c:\test.txt)

we have an issue with the upload in our MVC application that the full path is pulled back in IE while FF & Chrome only have file name. Can any one provide any input on this? TIA

Upload

answered on 16 Jan 2014

1 answer

102 views

Date value inside Grid getting reduced by a day depending on the Client Machine's Time Zone

Steps to reproduce the issue:

1. Open the Telerik asp.net mvc grid page shown in the below link.

http://demos.telerik.com/aspnet-mvc/razor/Grid/EditingAjax?theme=vista

2. Click on Add New Record button and enter a date in one of the date pickers in the grid. Click on save button.

3. Now change the TimeZone of your machine to a TimeZone which is running at least a few hours behind your current Time Zone and refresh the entire page (Ctrl+F5).

4. If there is a major time difference between the newly selected timezone and your default timezone then the previously saved date would get reduced by a day. For example: if the date you had saved was 1/1/2014 it would get changed to 12/31/2013.

5. Could you please help understand why this is happening and provide a solution that would prevent the date being reduced by a day depending on the client machine's time zone.

Thanks.

Grid

answered on 15 Jan 2014

3 answers

106 views

Problem with text axis

Hi everyone, I'm using the asp.net mvc wrapper chart, but I have a problem when I set the graphic type to column, is some cases I get the text undefined, I attached an image, my code is:

01.@(Html.Kendo().Chart(Model)

02. .Name("graphicchart")

03. .Title(title => title.Text(ViewBag.graphictitle))

04. .Legend(legend => legend

05. .Position(ChartLegendPosition.Bottom)

06. )

07. .ChartArea(chartArea => chartArea

08. .Background("transparent")

09. )

10. .SeriesDefaults(seriesDefaults =>

11. seriesDefaults.Line()

12. )

13. .Series(series =>

14. {

15. series.Line(model => model.Parvalue).Name("Valor").Labels(true).Markers(true).Width(3).Opacity(0.8);

16. })

17. .CategoryAxis(axis => axis

18. .Categories(model => model.Datetimevalue)

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

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

21. .Date()

22. .BaseUnitStep(10)

23. .MinorGridLines(lines => lines.Visible(true))

24. )

25. .Tooltip(tooltip => tooltip

26. .Visible(true)

27. .Format("{0}")

28. )

29.)

Thanks for your help!

Chart

answered on 15 Jan 2014

4 answers

364 views

Getting Started with Kendo UI for Asp.Net MVC

I recently downloaded the Kendo UI for ASP.Net MVC. I ran the msi installer. Then I started looking for the MVC control examples. I looked in the following folder. C:\Program Files (x86)\Telerik\Kendo UI for ASP.NET MVC Q2 2013\src\Kendo.Mvc. I opened the csproj file, "Kendo.MVC.csproj" However, I did not find any MVC examples. Please tell me where I can find MVC examples for using the Kendo controls.

General Discussions

answered on 15 Jan 2014

2 answers

422 views

.cancelChanges(dataItem) does not update the grid UI

I'm implementing single row undo functionality (rather than cancelling all changes made in the grid). I have an image that will be clicked to trigger the undo:

columns.Template(@<text></text>).ClientTemplate("<img class='undoButton' style='width:16px;' src='Content/images/undo.png' />").Width(32);

Then some JavaScript that attaches the functionality to the img:

<script type="text/javascript">

// Undo functionality

$('#activity-grid').on('click', '.undoButton', function (e) {

e.preventDefault();

//alert('undo');

var grid = $('#activity-grid').data().kendoGrid;

var dataItem = grid.dataItem($(this).closest('tr'));

dataItem.dirty = false;

grid.dataSource.cancelChanges(dataItem); // works

//grid.refresh(); // only way to show the changes in the UI

});

</script>

The bolded line clears the changes, but the grid is not updated unless I call the line that is commented out (grid.refresh()).

The problem is that calling .refresh clears the other rows' "dirty" indicator, which is problematic. Is there a way to refresh the UI for a single row? I thought by calling cancelChanges(dataItem), it would do that automatically for me.

Thank you!

Grid

answered on 14 Jan 2014

1 answer

127 views

hierarcy grid and multiselect

I am using this example http://www.kendoui.com/code-library/mvc/grid/using-multiselect-in-grid.aspx to put a multiselect in grid, which works great because the TeritoryEditor's data is set from ViewData and all works well, however I would like each multiselect's data source to be set when the parent is expanded, in other words the datasource should be loaded just like the children in the sub grid, I am not exactly sure where /how i should set the multiselect data source on based on parent

Grid

answered on 14 Jan 2014

1 answer

187 views

How To Filter Grid Rows That Do Not Contain Value

Using "contains" filter gives me all rows that do not have the specified value. How can I filter grid rows that do not contain a certain value, so that I only get rows that do have the value? I tried "doesnotcontain" which doesn't work.

if (val) {

grid.dataSource.filter({

logic: "or",

filters: [

{ field: "someField", operator: "contains", value: val },

{ field: "someField2", operator: "contains", value: val },

...

Grid

answered on 14 Jan 2014

1 answer

417 views

Set date format to dd MMM yyyy in Custom Editor Template

Hi,

Can we change the format in Add/Edit Scheduler?
I have a scheduler with Custom Editor Template with start and date template using DatePicker as following.
@(Html.Kendo().DatePickerFor(model => model.Start)
.Value(DateTime.Today)
.Format("dd MMM yyyy"))

@(Html.Kendo().DatePickerFor(model => model.End)
.Value(DateTime.Today)
.Format("dd MMM yyyy"))

But everytime I tried to save the New Scheduler, it always said "The field Start must be a date/ The field End must be a date".

Is there any way to change the format?

Thanks.

Scheduler

answered on 14 Jan 2014

1 answer

264 views

Incorrect sourceRoot in Kendo UI JavaScript .map files

Just thought I would alert the Kendo UI developers to this potential bug:

The JavaScript .map files that came with my trial copy of Kendo UI 2013.3.1119 all contain "sourceRoot":"../src/js/" at the end, which points browsers to the non-existent folder "/src/js" whereas my Kendo UI JS files are located in the "/Scripts/kendo" folder instead.

This causes DevTools to attempt to load the JS files from the wrong location and display a 404 error in the console.

To fix this problem I had to do a global search-and-replace to remove the optional "sourceRoot" property from all 101 .map files in my project.

General Discussions

answered on 14 Jan 2014

2 answers

262 views

[Solved] Problem with Panelbar, datawiz and width

Hello,

I'm using panelbar, and in each panel i use different charts with your addon datawiz, I have the first panel expanded, and when i expend any of the other panels the width is off, it's like 1% width or something, and i have set the htmlattributes to 100% on them all. I have attached a print screen and my code below

@(Html.Kendo().PanelBar()

.Name("panelbar")

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

.ExpandMode(PanelBarExpandMode.Multiple)

.Items(panelbar =>

{

panelbar.Add().Text("Summa kontant och kort")

.Expanded(true)

.Content(@<div style="padding: 10px;">

@(Html.Kendo().Chart(Model)

.Name("graphCashOrCard")

.Title("Köp med kort och kontant")

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

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.Series(series =>

{

series.Column(model => model.TotalCoin).Name("Summa kontantköp");

series.Column(model => model.TotalCreditCard).Name("Summa kortköp");

})

.CategoryAxis(axis => axis

.Date()

.BaseUnit(ChartAxisBaseUnit.Fit)

.Categories(model => model.TimeStamp)

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

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

)

.ValueAxis(axis => axis.Numeric()

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

.MajorUnit(100000)

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

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0:N0}")

)

</div>);

panelbar.Add().Text("Antal fel")

.Expanded(false)

.Content(@<div style="padding: 10px;">

@(Html.Kendo().Chart(Model)

.Name("graphFaults")

.Title("Antal fel")

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

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.Series(series => series.Column(model => model.NrErrors).Name("Antal Fel"))

.CategoryAxis(axis => axis

.Date()

.BaseUnit(ChartAxisBaseUnit.Fit)

.Categories(model => model.TimeStamp)

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

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

)

.ValueAxis(axis => axis.Numeric()

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

.MajorUnit(20)

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

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0:N0}")

)

</div>);

panelbar.Add().Text("Antal transaktioner")

.Expanded(false)

.Content(@<div style="padding: 10px;">

@(Html.Kendo().Chart(Model)

.Name("graphTransactions")

.Title("Antal transaktioner")

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

.Legend(legend => legend

.Position(ChartLegendPosition.Top)

)

.Series(series => series.Column(model => model.NrTransactions).Name("Antal transaktioner"))

.CategoryAxis(axis => axis

.Date()

.BaseUnit(ChartAxisBaseUnit.Fit)

.Categories(model => model.TimeStamp)

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

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

)

.ValueAxis(axis => axis.Numeric()

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

.MajorUnit(10000)

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

)

.Tooltip(tooltip => tooltip

.Visible(true)

.Format("{0:N0}")

)

</div>);

})

Thanks in advance

PanelBar

answered on 14 Jan 2014