Questions on UI for ASP.NET MVC Forum

1 answer

118 views

Hi support,

I am getting "Invalid language tag error" when i select the time in chrome browser while using kendo TimepickerFor. Error image is attached and below is my code.

My model class:
[RequiredIf("MONDAY", true, ErrorMessage = "Required")]
public DateTime? MONDAY_FROM_TIME { get; set; }
[RequiredIf("MONDAY", true, ErrorMessage = "Required")]
public DateTime? MONDAY_TO_TIME { get; set; }

Partial page:
@(Html.Kendo().TimePickerFor(h => h.HIRE_FLEET_AVAILIABILITY.MONDAY_FROM_TIME)
.Format("hh:mm tt")
.Interval(15)
.Enable(Model != null ? Model.HIRE_FLEET_AVAILIABILITY.MONDAY : false)
.HtmlAttributes(new { @style = "width:100px" }))

@(Html.Kendo().TimePickerFor(h => h.HIRE_FLEET_AVAILIABILITY.MONDAY_TO_TIME)
.Format("HH:mm")
.Interval(15)
.Enable(Model != null ? Model.HIRE_FLEET_AVAILIABILITY.MONDAY : false)
.HtmlAttributes(new { @style = "width:100px" }))

Date/Time Pickers

answered on 06 Jun 2013

1 answer

150 views

How to reference item properties in template using mvc helpers

Hello !

Please help me with this. I'm trying to reference an item property in a helper function inside the template. How can I do this ?

<script type="text/x-kendo-tmpl" id="template">

<div class="process-view">

<div class="edit-buttons">

@(Html.ActionLink("Create New", "Process_Create", "Process",

new { id=${ProcessID} }))

</div>

<dl>

<dt>Code</dt>

<dd>${ProcessCode}</dd>

<dt>Name</dt>

<dd>${Name}</dd>

<dt>Description</dt>

<dd>${Description}</dd>

<dt>ID</dt>

<dd>${ProcessID}</dd>

</dl>

</div>

</script>

The problem is that the compiler tries to solve the item reference and throws a
CS1056: Unexpected character '$'

I've also tried with #:ProcessID#, and get
CS1040: Preprocessor directives must appear as the first non-whitespace character on a line

What should I do ?

Thanks,

Leandro

ListView

answered on 06 Jun 2013

1 answer

110 views

How force reloading of treeview

Hello,
I'm testing your library Kendo UI for my application in ASP.NET MVC4.
I placed inside a view a kendo.treeview dynamically loaded as shown in your examples.
Now I have the need, following an update of the data on the database (added a node), to force the loading of the treeview with new data without reloading the view.
There is a client function to do this?
If you could send me an example?

thanks

TreeView

answered on 06 Jun 2013

1 answer

98 views

Grid 'manually' bound to model data

Let' suppose that I have a model called Person:

public class Person
{
public string Name {get; set; }
public List<string> Hobbies {get; set;}
}

I would like to create a View using an item Person as a Model, and editing it.
I cannot find examples on how to tie a grid to the list of hobbies, and on how to update the model back to the server with an HttpPost. Obviously the user should be able to add, modify and delete hobbies in the grid...
Thanks

Grid

answered on 06 Jun 2013

2 answers

129 views

I try nesting of ClientDetailTemplateId and I am getting error and it does not work.

Hello There,

I want to use nested ClientDetailTemplateId in Kendo MVC Grid as used in example
http://demos.kendoui.com/web/grid/detailtemplate.html

But I am getting error in client side ( browser )

Is it possible nesting of detailtemplate or not if yes than how ?

Thanks & Regards
Parmod
Software Engineer

Grid

answered on 06 Jun 2013

5 answers

442 views

Grouping On Foreign Key But Wanting To Display Client Template

I'm having the same issue as described in this forum post. I have a foreign key column in my grid. In the ClientTemplate() for this column, I'm showing a different property of the ViewModel. That works as expected. When I drag the column into the groupables area, it works correctly, however it shows the foriegn key property being grouped on, not the property I'm showing in the ClientTemplate() for the column.

I've messed around with the ClientGroupHeaderTemplate(), but the property from my ViewModel is unavailable and will throw a javascript reference error if I try to use it. It appears that the only object available to the ClientGroupHeaderTemplate() is the group json object returned from the server.

I have attached a redacted picture of a grid currently in use that demonstrates this. I'm sure I'm missing something obvious, but can someone point me in the right direction?

Grid

answered on 05 Jun 2013

1 answer

103 views

Required dropdownlist grid in batch mode

I got no message validation in red Under the field when I have a dropdownlist in my Grid (batch mode). Only a popup from JavaScript (see attachement)... Any idea?

p.s.: if i remove the dropdownlist (columns.ForeignKey...) for columns.Bound(p => p.NoFormation); the message display correctly (see second attachement).

My model :

[Required(ErrorMessageResourceName = "ValeurRequise", ErrorMessageResourceType = typeof(GlobalesResources))]

public int NoFormation { get; set; }

Razor :

@(Html.Kendo().Grid<MesFormations.Models.Employe>()

.Name("Grid")

.Columns(columns =>

{

columns.ForeignKey(p => p.NoFormation, (System.Collections.IEnumerable)ViewBag.Formations, "Numero", "Description").Title(@MesFormations.Views.Employe.Resources.Titre).Width(240);

columns.Bound(p => p.DateFormation).Width(90).Format("{0:yyyy-MM-dd}").HtmlAttributes(new { style = "text-align:center" });

columns.Bound(p => p.Remarques).Width(230);

columns.Command(command => command.Destroy()).Width(110);

})

.ToolBar(toolbar =>

{

toolbar.Create();

toolbar.Save();

})

.Editable(editable => editable.Mode(GridEditMode.InCell))

.Pageable()

.Sortable()

.Scrollable()

.Resizable(resizing => resizing.Columns(true))

.DataSource(dataSource => dataSource

.Ajax()

.Batch(true)

.ServerOperation(false)

.Events(events => events.Error("error_handler"))

.Events(events => events.Change("onEdit"))

.Model(model => model.Id(p => p.NoFormationEmploye))

.Create("Editing_Create", "Employe", new { NoEmploye = Model.NoEmploye })

.Read("Editing_Read", "Employe", new { NoEmploye = Model.NoEmploye })

.Update("Editing_Update", "Employe")

.Destroy("Editing_Destroy", "Employe")

)

Grid

answered on 05 Jun 2013

2 answers

342 views

How to prevent grid from retrying update on error

Hi all,

I have been browsing the forums and stack overflow and can't find a solution to this.

I implemented the generic Kendo "error" js method as shown in the demos in order to show errors on updates, and then I added the error to my modelstate.

When the grid tries to update and an error is thrown - it automatically retries up to 4 time. Is there a way to prevent this retry from happening?

I am using MVC4 - and a standard MVC controller.

Here is my controller error handler:

catch (Exception ex)

{

ModelState.AddModelError("Error", ex.Message);

return Json(ModelState.ToDataSourceResult(), JsonRequestBehavior.AllowGet);

}

Here is the js code for showing the error:

function error(e) {

if (e.errors) {

var message = "Errors:\n";

$.each(e.errors, function (key, value) {

if ('errors' in value) {

$.each(value.errors, function () {

message += this + "\n";

});

}

});

alert(message);

}

The grid uses a standard Async update method in order to perform the update, and this goes to an MVC controller and not an API controller.

My question again: When the grid tries to update and an error is thrown - it automatically retries up to 4 time. Is there a way to prevent this retry from happening?

Grid

answered on 05 Jun 2013

1 answer

88 views

Thumbnail URL called before upload completed

Hi,

I am using the image browser to upload relatively small images (ie 500k) to the filesystem. I have a process whereby the file is uploaded, the MVC controller saves this image to a particular place with a particular name (a GUID). It then returns the JSON result with the new name of the image. This process works perfectly on a local development machine. However, when I deployed this to our test environment, the image was uploaded, but the thumbnail stayed on the swirling ajax loading image.

I've since found that by debugging on my development machine (and therefore slowing down the process) that the ThumbnailUrl gets called before the image has finished uploading. It also gets called with the original name of the file, which is obviously no good for me, as I have changed the name of the file during saving. When this process happens in quicker succession on my local machine, everything gets called at the right time, with the right parameters.

Is there anyway to delay the call to the thumbnailurl call to ensure the upload has completed? Currently I'm having to close the image browser window and reopen so that it loads the thumbnails correctly.

Thanks

Upload

answered on 05 Jun 2013

1 answer

177 views

Cannot use Virtual Scroll with Server binding

I'm really new at KendoUI. Just learning it in fact.

I just got this exception (see title) and I really don't know what it means, or why I can't do it.
I'm using an MVC 4 framework in VS 2012

So... some questions.
I know what virtual scrolling is, What is Server binding?
How do I know if I'm doing Server binding?
Is there a way to work around this?Thanks
Robert

Grid

answered on 05 Jun 2013