Questions on UI for ASP.NET MVC Forum

3 answers

619 views

Grid detail datasource force refresh on expand.

How can I force the grid detail/template datasource to refresh in the detailExpand event handler?

function detailExpand(e) {
try {
     var dataItem = e.sender.dataItem(e.masterRow);
     if ($.inArray(dataItem.Key, expanded) == -1) {
      expanded.push(dataItem.Key);
}
} catch (ex) {
expanded = [];
}
}

Grid

answered on 10 Oct 2013

1 answer

430 views

ICollection Property and UIHint

Hello -

I have created a POCO class (called User) which I decorated some properties with a custom Editor Template. The custom Editor Template (called WorkflowUsers) simply prints the text "HI". I have a grid set up, which displays all of the Users. It has a button which launches the editor pop-up, allowing you to create a new User. The "Domain" property properly uses the custom Editor which I have specified using the UIHInt, however the Roles property does not even show (no display label nor custom editor) on the popup. I have tried making it a List, making it non-virtual. I am confused.

Note: I am using the Trial version, as my full-version won't be purchased until the end of the week due to my company's billing process.

[Required]

[DisplayName("Domain")]

[MaxLength(100)]

[UIHint("WorkflowRoles")]

public string Domain { get; set; }

[DisplayName("Roles")]

[UIHint("WorkflowRoles")]

[Required]

public virtual ICollection<Role> Roles { get; set; }

Grid

answered on 10 Oct 2013

4 answers

203 views

[Solved] DropdownHtmlAttribute migratin for Kendo combobox

Hi,

I am migrating my application from MVC Extensions to Kendo. I have a Combobox whose width (in the closed state) is 250px. But when it is open, the width of the dropdown is 400px. Please have a look at the attached screenshot.
I achieve it with something like

@(Html.Telerik().ComboBox().Name("CbPlants")

...

.HtmlAttributes(new { style = "z-index: 20; width: 250px;" })

.DropDownHtmlAttributes(new { style = "width: 400px;" })

)

When I migrate it to Kendo, I couldn't find an equivalent to have a DropDownHtmlAttributes for customizing the width. Any idea how I can achieve this effect ?

Thanks & Regards

Achilles

ComboBox

answered on 10 Oct 2013

2 answers

217 views

Moving Update and Cancel button after widen popup editor.

I am working with the grid view popup editor using MVC. I was able to widen the Default popup editor Default window to Size 700px. The Update and Cancel button is currently still in the Default location. How is it possible to get them to move.

Grid

answered on 09 Oct 2013

3 answers

356 views

Kendo Grid in a Kendo Grid Popup Editor

I have my popup editor working great until I add in a grid to the editor.

My editor template consists of a tab control and the second tab has a grid embedded in it.
As soon as I put the grid in, the popup window no longer pops up but rather displays inline with the host grid and the tabs are not clickable. I remove the grid from the second tab in the popup and popup pops up again and works as expected.

Is there a specific design pattern to be adhered to when using a customer popup editor the contains a grid?

Grid

answered on 09 Oct 2013

4 answers

105 views

Entity Framework property publication in HTML sources

Hi,

I am thinking about buying Kendo UI Complete for ASP.NET MVC . But there's a absolute no-go:

When using KendoUI Grid (Inline Editing demo: http://demos.kendoui.com/web/grid/editing-inline.html) with an Entity that has a lot of properties, KendoUI is serializing ALL properties (even EntityKey and EntityState) into the HTML source (inside a <script>-Tag).
When providing the data via the constructor, - even worse! - ALL values are rendered into the HTML code.

I am about to display 10 out of 20 properties. The remaining 10 properties shouldn't be visible in ANY WAY to the user because
1. The User doesn't have to know the full database table structure
2. Some data depend on the user's rights, but being rendered into the html source, it would be possible for everyone to see everything.

Is there a way to tell Html.Kendo().Grid() just to touch the properties needed?!

Regards,

AncientGrief

Additional Info:
Kendo UI version => 2013.2.918
OS => Windows 7/8
exact browser version => Chrome latest

Grid

answered on 09 Oct 2013

3 answers

400 views

[Solved] Kendo UI for ASP.NET MVC VSExtensions error creating new Project

I have installed this VSExtension through the Extension Manager in VS2010. When I attempt to create a new Kendo Project the dialog box doesn't allow me to select an assembly or a theme, and therefore doesn't enable the next button to continue.

Nathan Manning
Huntsville, AL

Installer and VS Extensions

answered on 09 Oct 2013

1 answer

81 views

Kendo UI Mvc Extension on Mono (OpenSuse 12.3)

Hi,

I'm trying to run your demo application on Mono but I have inconsistencies with the various assembly version. Before looking further into this, two questions.

1. Is it correct that the Kendo UI MVC Extension should run on Mono? If yes, which version on Mono is required? Should Mono 3.0.3, the version by default installed with openSuse 12.3 be a correct version to use?

2. At the moment, I just want to have a demo running on Mono of some MVC extension (Grid, Menu) to be able to prove the useablity of this solution to the decision makers. So if you have any running demo on Mono, this can for sure already helps me a lot,

Thanks

Thierry Van Schoote

General Discussions

answered on 09 Oct 2013

1 answer

176 views

Paging doesn't work in the Grid

In the Kendo Grid below, I set the page size attribute to five - PageSize(5)

However, after inserting the 6th & 7th records, clicking the 'Next' arrow doesn't take me to the second page.
In fact, none of the Paging buttons work - i don't have the ability to page through my data. Can you help?

I'm not reading data from a database - I just want to insert records into the grid that gets saved into a
temporary Dictionary<string, bool> variable and see if the paging works.

@(Html.Kendo().Grid<Kendo.Mvc.Examples.Models.ProductViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.ProductName);
columns.Bound(p => p.Discontinued);
columns.Command(command => { command.Edit(); command.Destroy(); }).Width(172);
})
.ToolBar(toolbar => toolbar.Create())
.Editable(editable => editable.Mode(GridEditMode.InLine))
.Pageable()
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(5)
.Events(events => events.Error("error_handler"))
.Model(model => model.Id(p => p.ProductID))
.Create(update => update.Action("EditingInline_Create", "Grid"))
.Update(update => update.Action("EditingInline_Update", "Grid"))
.Destroy(update => update.Action("EditingInline_Destroy", "Grid"))
)
)

Grid

answered on 08 Oct 2013

1 answer

8.5K+ views

Kendo UI ASP.NET MVC format Date into ‘dd.MM.yyyy’

Hi,

I use Kendo UI ASP.NET MVC with VB.NET and jquery for client validation. My question is:
How I can format the date into ‘dd.mm.yyyy’. I also want to use the @Html.EditorFor() and the client validation.

Setting up the Model:

<DataType(DataType.[Date],
ErrorMessage:="Datumsformat ungültig")>
<DisplayFormat([ApplyFormatInEditMode]:=True,
[DataFormatString]:="{0:dd.MM.yyyy}")>_
Public Property Geburtstag As Nullable(Of DateTime)

Setting up the View:

         <td class="editor-label" style="width: 100px">
            @Html.LabelFor(Function(model) model.Geburtstag)
        </td>
        <td class="editor-field">
            @Html.EditorFor(Function(model) model.Geburtstag)
            @Html.ValidationMessageFor(Function(model) model.Geburtstag)
        </td>

The client validation doesn’t accept the format ‘dd.MM.yyyy’ only the ‘dd/MM/yyyy’ format.

How I can overwrite the client validation for the date format?

I suppose the validation is in a jquery file.

Thanks for help

DatePicker

answered on 08 Oct 2013