Questions on UI for ASP.NET MVC Forum

1 answer

176 views

Edit mode InForm

Is there an edit mode InForm in the official release?

Regards,

Grid

answered on 24 Jul 2012

4 answers

633 views

Autocomplete dropdown and suggest not working

I'm using the KendoUI for MVC Autocomplete extension with a Telerik MVC Extensions Grid and the Autocomplete is not displaying the available suggestions in a drop down list, and it's not "suggesting" anything even though I have .Suggest(true).

I have this in the Head section of the _layout.cshtml view...

@{Html.Telerik().StyleSheetRegistrar().StyleSheets(group => group.AddSharedGroup("SharedStyleSheets")).Render();}

<script src="@Url.Content("~/Scripts/2012.2.423/jquery.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/2012.2.423/kendo.web.min.js")" type="text/javascript"></script>

<script src="@Url.Content("~/Scripts/2012.2.423/kendo.aspnetmvc.min.js")" type="text/javascript"></script>

... and this in the Global.asax file for the Shared stylesheets.

SharedWebAssets.StyleSheets(group => group

.AddGroup("SharedStyleSheets", styles => styles

.Add("2012.1.419/telerik.common.min.css")

.Add("2012.1.419/telerik.web20.min.css")

.Add("2012.2.423/kendo.common.min.css")

.Add("2012.2.423/kendo.blueopal.min.css")

.Combined(true)

.Compress(true)

));

Am I missing something?

This is the HTML of the view.

@using (Html.BeginForm(MVC.Ctaf.SelectItems(), FormMethod.Post))

{

<fieldset>

<legend>Filter</legend>

<p class="colx2-left">

Class Name: @(Html.Kendo().AutoComplete()

.Name("classname")

.DataTextField("Class")

.DataSource(source =>

{

source.Read(read =>

{

read.Action("_AutocompleteClasses", "Ctaf");

}).ServerFiltering(false);

})

.Suggest(true)

)

</p>

<p class="colx2-left">

Subclass Name: @Html.TextBox("subclassname")

</p>

<p style="clear:both;">

<input type="submit" value="Filter" />

</p>

</fieldset>

}

<p> </p>

@{Html.Telerik().Grid(Model.CtafList).Name("CtafGrid")

.Columns(column =>

{

column.Bound(c => c.Id)

.ClientTemplate("<input type='checkbox' name='checkedRecords' value='<#= Id #>' />")

.Title("")

.Width(36)

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

column.Bound(c => c.Class);

column.Bound(c => c.Subclass);

column.Bound(c => c.Title);

})

.DataBinding(dataBinding => dataBinding.Ajax()

.Select("_CheckBoxesAjax", "Ctaf"))

.Scrollable()

.Pageable(pager => pager.PageSize(40))

.Render();

}

This is my controller action.

public virtual ActionResult _AutocompleteClasses()

{

stringresult = _ctafService.Get().Select(c => c.Class).Distinct().ToList();

return Json(result, JsonRequestBehavior.AllowGet);

}

Any ideas?

Thanks.

AutoComplete

answered on 24 Jul 2012

1 answer

317 views

Invalid Template

I am a newbie to Kendo UI and currently porting from the telerik mvc to Kendo UI for MVC . I have come across a problem when porting my grid from telerik mvc to kendo ui for mvc. I used the detail template approach for nested grids without a problem with telerik mvc , but when trying to port to client templates within kendo I am getting "Invalid Template" error.
Am I missing something in my initial file includes.

.ClientDetailTemplateId("udfTemplate")
.Pageable().DataSource(dataBinding => dataBinding.Ajax()
.Read(read=>read.Action("FilteredDetailCategoryBinding", "DetailCategoryAdmin"))
.Create(create=>create.Action("InsertDetailCategory", "DetailCategoryAdmin"))
.Update(update=>update.Action("UpdateDetailCategory", "DetailCategoryAdmin"))
.Destroy(destroy=>destroy.Action("DeleteDetailCategory", "DetailCategoryAdmin"))
.Model(model => model.Id(a => a.DetailCategoryID)) .PageSize(15)

)
.Sortable()
.Pageable(page=>page.PageSizes(true))
//.Events(events => events.DataBound("dataBound")
)

@(Html.Kendo().Grid<UDFInventoryTemplate>()
.Name("UDFInventoryDetails_#=DetailCategoryID#")
.Columns(columns =>
{
columns.Bound(o => o.LabelValue);
columns.Bound(o => o.Status);
columns.Bound(o => o.ControlType);
columns.Bound(o => o.ControlDataValues);
columns.Bound(o => o.DefaultValue); })
.DataSource(dataSource => dataSource.Ajax() .Read(read=>read
.Action(
"FilteredUDFDetails", "DetailCategoryAdmin"))

).ToClientTemplate()
)
</script>

Thanks,
Jean-Paul

Grid

answered on 24 Jul 2012

1 answer

439 views

Kendo UI MVC Grid equivalent to ForeignKey Column Feature of Telerik Grid?

UPDATE: NEVERMIND, THIS FEATURE IS AVAILABLE IN FINAL RELEASE

Hello,

I'm evaluating if we can port all features (that we need) of our Telerik MVC Extensions Grid to the Kendo UI MVC Grid. I wasn't able to find an equivalent to the ForeignKeyfeature, which we use like this:

@(Html.Telerik().Grid<RowModel>()
.DataBinding(dataBinding => dataBinding.Ajax().Select("_GetData", "Data"))
.Columns(x =>
    {
        x.Bound(y => y.Id).Width(40);
        x.Bound(y => y.Description).Width("40%");
        x.ForeignKey(y => y.SomeForeignId, Model.ForeignIdResolveCollection, "ID", "Name").Width("80%");
    }))

We don't use the Built in edit features but it's very useful for the column filtering feature, for example. Is there a replacement for this feature, if not, will there be one in future?

Best regards

Thomas

Grid

answered on 24 Jul 2012

2 answers

264 views

ForeignKey and Guid problem

Hey

There is some error when I try use ForeignKeywith with Guid column.
(int) all works fine
columns.ForeignKey(c => c.MenuID, (System.Collections.IEnumerable)ViewData["Menus"], "MenuID", "MenuNazwa");

(Guid) its a error
columns.ForeignKey(c => c.UserId, (System.Collections.IEnumerable)ViewData["Users"], "UserId", "UserName");

Błąd: ReferenceError: UserId is not defined
Plik źródłowy: http://localhost:53048/Scripts/kendo.web.js
Wiersz: 347

Any ideas how fix this (change Guid to int is not a option)

Tx for help

PS. Whith old MVC extensions all works fine ...

Grid

answered on 24 Jul 2012

1 answer

613 views

MVC datasource and schema

How do you specify where the data is in the response? In js I would specify that the total property is the "count" property and the data is in "data". I don't see how to do this in the MVC extensions.

schema: {
total: "count",
data: "data",
model: {
id: "Id",
fields: {
Id: { editable: false, type: "number" },
StartDate: { type: "date" },
EndDate: { type: "date" }

}
}
}

Grid

answered on 24 Jul 2012

9 answers

260 views

[Solved] One js file nearly 500K !

Is there anyway of splitting this file as we are only using a few controls and would like to reduce the size of our js files as much as possible.
Many thanks

General Discussions

answered on 24 Jul 2012

0 answers

433 views

Adding Kendo MVC to an existing project

Sorry for being such a dope, but can anyone point me to the documentation showing what steps I need to perform to add Kendo UI Complete for ASP.NET MVC to an existing Telerik MVC project?

Edit: Never mind - like I said, I'm a dope...

General Discussions

asked on 23 Jul 2012

2 answers

274 views

Set MVC listview to existing javascript Kendo Datasource

Seems like this should be possible, but I'm rendering a listview using the MVC helpers, but I just want to give it an existing Kendo datasource (created via javascript) that is already on my page. Basically just give it the name of an existing datasource. However I can't find a way to do that. It looks like the MVC extensions only allow you to set up a new datasource to be used with the listview.

Is there a way to do what I mentioned?

Thanks!
Eric

ListView

answered on 23 Jul 2012

3 answers

237 views

Error: Could not find an Extension with ID 'Microsoft.VisualStudio.10.MVC4.TemplatePackages-ENU'

When creating a new project from the template Telerik MVC 4 Web Application (Razor) Visual C# - I get the error in the title (screen grab attached). I do not get the error if I create a new MVC4 web project using a template other than the Telerik ones.

My software configuration is as follows: