Questions on UI for ASP.NET MVC Forum

3 answers

207 views

Hi,
When we can expect the basic @Html helpers to be available with the Kendo UI bundle?

Text Input plugin.
Multiline Text Input plugin
Combo Box doesn’t have an option to prevent typing custom text.
Dropdown List should be able to have null value.
There is no Radio Buttons List plugin
There is no Checkbox List plugin

Please let me know. If there is no plan to launch the new version with these plugins, then please let me know.
OR
Suggest the best alternative of this.

regards,
Haidar

General Discussions

answered on 31 Oct 2012

4 answers

273 views

[Solved] Submenus Not Expanding

Menu items #1 "Admin Home" and #5 "Help" work fine, but #2, 3 & 4 with submenus are not expanding.

@(Html.Kendo().Menu()

.Name("AdminMenu")

.OpenOnClick(true)

.Items(items =>

{

items.Add().Text("Admin Home")

.ImageUrl(Url.Content("~/Content/icons/baseball.png"))

.HtmlAttributes(new { style = "width:170px" })

.ImageUrl("~/Content/Icons/ajax.png")

.Action("Index", "Admin");

items.Add().Text("Manage")

.ImageUrl(Url.Content("~/Content/icons/golf.png"))

.HtmlAttributes(new { style = "width:170px" })

.Items(children =>

{

children.Add().Text("Donors").ImageUrl("~/Content/Icons/rep.png").Action("ManageDonors", "Admin");

children.Add().Text("Recipients").ImageUrl("~/Content/Icons/sitefinity.png").Action("ManageRecipients", "Admin");

children.Add().Text("Friends").ImageUrl("~/Content/Icons/test.png").Action("ManageFriends", "Admin");

children.Add().Text("Admin Guys").ImageUrl("~/Content/Icons/win.png").Action("ManageAdmin", "Admin");

children.Add().Text("Password Reset").ImageUrl("~/Content/Icons/wpf.png").Action("PasswordReset", "Admin");

});

items.Add().Text("Marketing")

.ImageUrl(Url.Content("~/Content/icons/golf.png"))

.HtmlAttributes(new { style = "width:170px" })

.Items(children =>

{

children.Add().Text("Email").ImageUrl("~/Content/Icons/rep.png").Action("ManageFriends", "Admin");

children.Add().Text("Newsletter").ImageUrl("~/Content/Icons/sitefinity.png").Action("Newsletter", "Admin");

children.Add().Text("Announcements").ImageUrl("~/Content/Icons/test.png").Action("Announcements", "Admin");

children.Add().Text("New Members").ImageUrl("~/Content/Icons/win.png").Action("NewMembers", "Admin");

children.Add().Text("Current Web Site").Url("http://www.life-renewal.org");

});

items.Add().Text("My Mail")

.ImageUrl(Url.Content("~/Content/icons/golf.png"))

.HtmlAttributes(new { style = "width:170px" })

.Items(children =>

{

children.Add().Text("Email").ImageUrl("~/Content/Icons/rep.png").Action("MyMail", "Admin");

children.Add().Text("Tasks").ImageUrl("~/Content/Icons/sitefinity.png").Action("MyTasks", "Admin");

children.Add().Text("Calendar").ImageUrl("~/Content/Icons/test.png").Action("MyCalendar", "Admin");

});

items.Add().Text("Help")

.Action("Help", "Admin")

.HtmlAttributes(new { style = "width:170px" })

.ImageUrl("~/Content/Icons/wpf.png");

}))

Menu

answered on 31 Oct 2012

0 answers

144 views

Assigning Id to an item

Hi,

How would I assign an id to an item to go along with the text?

Thanks a lot.

PanelBar

asked on 30 Oct 2012

3 answers

262 views

ColorField in mvc helper

I can see an option for setting the color on a series e.g .Color("red)", however I don't see a colorField.

Is it possible to use a field from the model to set the color of the series, when using the mvc helpers?

Thanks
Alan

Chart

answered on 30 Oct 2012

1 answer

196 views

[Solved] row selection does not work on ef datamodel with navigation properties.

When i set the property .Selectable() on a grid which is bound to a datamodel that has a parent model i get an error.
It looks like its trying to get the parent datamodel but it cant because the object context is closed.

here is my code

@using Kendo.Mvc.UI

@{

var addressList = Model.DataList as List<Intelli.Data.Parties.EFDAL.Entity.GeoAddress>;

}

@(Html.Kendo().Grid(addressList)

.Name("GridPartyGeoAddresses")

.Columns(columns =>

{

columns.Bound(p => p.ID).Title("ID").Hidden(true);

columns.Bound(p => p.Address).Title("Address").Width(160);

columns.Bound(p => p.Region).Title("Region").Width(80);

columns.Bound(p => p.Zipcode).Title("Zipcode").Width(80);

columns.Command(commands => commands

.Custom("btnviewgeoaddress")

.Text("View")

.Click("viewgeoaddress")

.HtmlAttributes(new { style = "text-align: center" }));

columns.Command(commands => commands

.Custom("btndeletegeoaddress")

.Text("Remove")

.Click("deletegeoaddress")

.HtmlAttributes(new { style = "text-align: center" }));

})

.Scrollable(scr => scr.Enabled(true).Height(300))

.Sortable(builder => builder.Enabled(true))

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

.Selectable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

)

GeoAddress datamodel has a parent model 'Person' in the ef model.

the error i get is :
'The ObjectContext instance has been disposed and can no longer be used for operations that require a connection.'

If i comment out these properties :

.Selectable()

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

)

Then it works.
It looks like that setting selectable tries to call all model properties (and if one of those is lazy loading data from db error occurs).
I also have no problem on other models that do not have parent associations with other data models.

Grid

answered on 29 Oct 2012

0 answers

127 views

SharedDataSource for ListView and GridView

Hello,

is there any sample for shared pagable datasource with gridview and listview. I would like to call a json controller method an bind the result to a listview and a gridview. Is there a way to do this with the mvc wrappers?

Regards,

General Discussions

asked on 29 Oct 2012

0 answers

190 views

Wrap request parameters as JSON

Hi,
Is there any way to wrap request parateters as JSON while using MVC notation for dataSource?

For example, this grid will send parameters as contentType:application/x-www-form-urlencoded, but I'd like to send them as contentType: application/json.

In js notation I can use 'parameterMap' and stringify parameters there, but how I may handle this here:

@(Html.Kendo().Grid(Model).Name("Grid")
.Columns(columns =>
{
columns.Bound(p => p.Id);
columns.Bound(p => p.Name);
})
.Groupable()
.Pageable()
.Sortable()
.Scrollable()
.Filterable()
.DataSource(dataSource => dataSource.Ajax().Read(read => read.Url("Services/DataService.asmx/GetData"))
))

Thanks!

Grid

asked on 29 Oct 2012

1 answer

955 views

how to get selected row value in the KendoUI

I have a KendoUI Grid.

@(Html.Kendo().Grid<EntityVM>()

.Name("EntitesGrid")

.HtmlAttributes(new { style = "height:750px;width:100%;scrollbar-face-color: #eff7fc;" })

.Columns(columns =>

{

columns.Bound(e => e.Id).Hidden().IncludeInMenu(false);

columns.Bound(e => e.EntityVersionId).Hidden().IncludeInMenu(false);

columns.Bound(e => e.Name).Width("70%").Title("Entity Name");

columns.Bound(e => e.EIN).Width("30%");

})

.ToolBar(toolBar => toolBar.Template("<a class='k-button k-button-icontext k-grid-add' id='addEntity'><span class='k-icon k-add'></span>Entity</a>" +

"<a class='k-button k-button-icontext' id='editEntity'><span class='k-icon k-edit'></span>Edit</a>"))

.DataSource(dataSource => dataSource

.Ajax().ServerOperation(false)

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

.Read(read => read.Action("GetEntities", "Entity", new { projectId = Request.QueryString[DataKeyNameConstants.ProjectId] })))

.Sortable()

.Scrollable()

.Filterable()

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

.Reorderable(reorder => reorder.Columns(true))

.ColumnMenu()

.Selectable(s => s.Mode(GridSelectionMode.Multiple))

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

)

now, I need to get the value of EntityVersionId from the selected Row. but not sure how to do it.

here's my javascript function

$("#editEntity").click(function () {

var entityGrid = $("#EntitesGrid").data("kendoGrid");

// what should I do from here

});

Grid

answered on 27 Oct 2012

0 answers

113 views

kendoWindow for uploading file

hi,
i have an issue about uploading file using kendoWindow.
The content is loaded from a partial view, and since the form contains an input[type=file] element, its 'enctype' attribute should be 'multipart/form-data', so it can't be an ajax form, just be a basic html form. The issue is that when i submit the form, the whole page is replaced with returned content from the handler function in related controller code. How to make the page stayed not replaced & refreshed partly?
thanks for replying.

Window