Questions on UI for ASP.NET MVC Forum

4 answers

470 views

Nullable property in grid doesn't update (when bound to combobox)

I uploaded a repro project demonstrating the issue I'm having here: http://www.mediafire.com/download/s1ba31xy83naa8c/NullableComboboxInGrid.zip

Have a grid for a model with a nullable int (representing a FK relationship)

public class NullableFkModel

{

[ScaffoldColumn(false)]

public int Id { get; set; }

public string Name { get; set; }

[UIHint("Fk")]

public int? FkId { get; set; }

}

Editor template for the nullable FK property is:

@model int?

@(Html.Kendo()

.ComboBoxFor(m => m)

.DataValueField("Value")

.DataTextField("Text")

.BindTo(new [] { new SelectListItem() { Text = "Joe Blow", Value = "1"}, new SelectListItem() { Text = "Jane Doe", Value = "2"}, new SelectListItem() { Text = "Batman", Value = "3"}})

.Filter(FilterType.Contains))

Grid is pretty basic:

@(Html.Kendo()

.Grid<NullableFkModel>()

.Name("Grid")

.Columns(columns =>

{

columns.Bound(item => item.Name);

columns.Bound(item => item.FkId);

columns.Command(command => command.Edit());

})

.DataSource(ds => ds.Ajax()

.Model(model => model.Id(m => m.Id))

.Read(read => read.Action("Nullable_Read", "Demo"))

.Create(create => create.Action("Nullable_Create", "Demo"))

.Update(update => update.Action("Nullable_Update", "Demo"))

)

.ToolBar(commands => commands.Create())

.Editable(edit => edit.Mode(GridEditMode.PopUp)))

When editing, everything works fine. But when adding, the FkId is not bound to the combobox and the value is not update when the combobox is changed. You can see that it is not updated in the grid and it is not posted back to the controller.

When using the exact same setup with a non-nullable property it works as expected. I have a demo of both in the uploaded project.

Grid

answered on 19 Jun 2013

1 answer

394 views

Pop Up Editing - Save but don't close window

When creating a new item (using popup editing) I would like to save the data but prevent the popup from closing. Instead I would like to show additional options that aren't shown until the initial object is created. Can anyone tell me how to accomplish this? I tried adding a "Close" event to the window but that never fires for some reason.

Thanks,
Derek

Grid

answered on 18 Jun 2013

1 answer

103 views

Grid Date localisation with .Format fails

Maybe anybody can help me out! I am confused.
I am failing to localize a date column in a grid.
The column is bound the following way in .csthml file:

"columns.Bound(o => o.IssueDate).Title(Strings.IssueDate).Format("{0:d}");"

- Session["culture"] is "de-DE"
-.Thread.CurrentCulture/CurrentUICulture is de-DE

But the date ist always displayed in british format. With the old asp.net MVC controls this works fine!

I am using asp.net mvc 4.

What am I doing wrong?

brgds
Malcolm Howlett

Grid

answered on 18 Jun 2013

2 answers

512 views

Grid Save functionality

Hello,

I have few text box, drop down list controls and grid entry also. I would like to hit the save button once which should save the grid entries and other control values as well. I would disable the grid save button and I will use the main save. I have model which has the sub-collection binds the value to the grid. For example,

Model
-------------
Name, -> textbox
Age, -> textbox
Qualifications (collections) - user can add n number of entries -> grid

Qualification collection will have
Degree,
Year of completion,
Grade.

I am able to display the values when I bind with the sub-collection. When I hit the save button, the model sub-collection does not get update with the entered / modified values in the server-side. I have tried the below link also which could not solve my issue.
http://www.kendoui.com/forums/mvc/grid/grid-toolbar-functioality-outside-grid.aspx

Is there any other ways to solve this issue?

Regards,
Murugan

Grid

answered on 18 Jun 2013

1 answer

152 views

MVC ui and jquery 2.?

I have the kendo licence, but I am now working on a old project useing the old MVC telerik extensions, I just upgraded the jquery to 2.02 before thinking about the MVC extensions. will the MVC telerik intentions (not kendo) work with jquery 2.0.2?
Thanks

General Discussions

answered on 17 Jun 2013

4 answers

720 views

Keep Upload/Retry Button on success or error

For usability, I need the users to be able to re-upload a file multiple times without having to select it again. For example, a user can upload a file that my controller parses and determines there are formatting or schema issues with it. The user will open the local file, fix the issue, and then upload it again. I'd like them to be able to press a retry or upload button again without having to click the Select button, browse through their list of files to find it, and pick it again.

Is there any way to do this? I've tried to leverage the client side upload and success events, but I've not been able to figure it out.

I can use my own Upload button (using css to hide the built in one) if there is a way for me to tell the control to start the upload in javascript. However, I don't know if the control will still have a handle on the file to upload after it has done it successfully once already. Also, I am currently using Async mode (AutoUpload = false), but if there is a way to do it using Sync mode then I am open to trying it.

Any ideas?

Thanks.

Upload

answered on 17 Jun 2013

2 answers

322 views

Grid + detail + date format GMT

Hello,

I have a grid that display a date. The controller send to the grid the dates in the right format 'dd/mm/yyyy hh:mm:ss' but the grid displays dates such as 'Sun, 09 Mar 2008 16:05:07 GMT 0200 (Romance Daylight Time)'. Is it possible to set the default format in french without reformating the data?
PS: i set the culture in french.

@(Html.Kendo().Grid<Scan>(Model)

.Name("grid_Time_" + ViewData["ID"])

.Columns(columns =>

{

columns.Bound(e => e.Timestamp).Title("Date").Width(150).Format("{0:dd/MM/yyyy hh:mm:ss}");

columns.Bound(e => e.GatewayID).Width(20);

})

.Sortable()

.Pageable()

.ClientDetailTemplateId("template2")

.DataSource(dataSource => dataSource

.Ajax()

.PageSize(30)

.Model(model =>

{

model.Id(d => d.GatewayID);

})

)

.Events(events => events.DataBound("dataBound"))

)

I have a client template which is loading with two values :

.Read(read => read.Action("ReadScannedMeterByGateway", "Flottes", new { Id = "#=GatewayID#",Timestamp="#=Timestamp#" }))

How can i send the dates with the format 'dd/mm/yyyy hh:mm:ss' to server?

Grid

answered on 17 Jun 2013

2 answers

729 views

Empty editor by jquery

I am using json for comment on post where i use kendo ui editor for summary. on success json i am trying to clear editor value by jquery like $('#editor').val(' ');
its not working.If i remove kendo editor its working fine. please help.

Editor

answered on 17 Jun 2013

1 answer

82 views

Some MVC Demos don't work in VS2010 or browser.

Hi:

Yesterday I downloaded Kendo UI for a trial. I was able to install without any errors that I could see, but when I try to run the demo in VS2010 SP1 I have the following issues:

1: Message at start: "Attaching the script debugger to process ... iexplore.exe on machine ... failed. A debugger is already attached. There are no other VS or Dev Server instances running. This error is not crucial as I can proceed with the demos.

2. When I navigate to the Treeview with remote data demo, the only thing I see above the sources after delay is "Request Failed" with a retry button.

3. It appears some of the sources are missing including these references from Index.cshtml:
<link href="@Url.Content("~/Content/shared/suite.css")" rel="stylesheet">v
<a href="@(Url.RouteUrl("RazorDefault", new { controller = "Suite", suite = "web" }))" class="imgPlate"><img src="@Url.Content("~/Content/shared/demos-web.png")" /></a> (both the class and the png are missing. In fact the Content folder is empty.)

4. In the grid binding to local data at line 3 in c:\Program Files (x86)\Telerik\Kendo UI for ASP.NET MVC Q1 2013\wrappers\aspnetmvc\Examples\Areas\razor\Views\web\grid\local_data.cshtml, the code @(Html.Kendo().Grid(Model)... gets a "The system cannot find the file specified" error.

Except for the first item, the errors are the same whether I start in VS or just click on the demo link in the windows menus.

The simpler examples mostly work, but what I need Kendo UI for is databinding against remote data, mostly with the grid and treeview, so I really need working examples of these,. It appears that the demo that comes in the Kendo MVC MSI has not been properly QAed. Or possibly there is some other cause on my machine. Is there another source of these demos that I can try? or can you help me resolve these issues?

Thanks,

Terry

General Discussions

answered on 17 Jun 2013

1 answer

97 views

DropDownListFor odd template behaviour - cannot retrieve correct data

Hi,

I have a dropdownlistfor that uses templates to display an image for each dropdown entry

I am having trouble retrieving the correct data.

@(Html.Kendo().DropDownListFor(model => model.Image0Id)
.DataSource(source =>
{
source.Read(read =>
{
read.Action("GetImageIds", "Home");
read.Type(HttpVerbs.Post);
});
})
.Template("<img src='" + @Url.Action("GetImage", "Home", new { imageId = "#=data#"}) + "' width='128' height ='51'/>")
.OptionLabel("None")
.AutoBind(true)
)

The #=data# is actually returning my ViewModel so when pass value to GetImage() I have a problem.
If I replace #=data# with say the number 2, the template works and fetches my image with id of 2.
If I insert some javascript #{alert(data)#} to alert me of the data values returned by GetImageIds() it returns the expected values.

I am using this in a similar scenario elsewhere where my template is as follows:
.Template("<img src='" + @Url.Content("~/Images/Banners/#=data#") + "' width='128' height ='51'/>")

This works perfectly.

Anybody have any ideas here?

DropDownList

answered on 17 Jun 2013