Questions on UI for ASP.NET MVC Forum

1 answer

186 views

Need to rollback to Q2 2012. Where to download?

Hi. I need to rollback to Kendo MVC Q2 2012. I lost some things by upgrading to Q3, such as my grid hover-over effects, and a dropdownlist in a Kendo modal Window is no longer able to have values selected by the mouse (not sure this is caused by the update, but I have no idea what else might cause it.)

Where can I download Q2 2012? The Telerik Control Panel doesn't seem to give me this option. Thanks!

General Discussions

answered on 19 Nov 2012

0 answers

90 views

Filter exemple for Kendo UI Grid

Hi

I'm trying to convert this example using Telerik Grid for Kendo Grid, but I had no success...
http://demos.telerik.com/aspnet-mvc/Grid/Filtering?theme=vista

How do I get the same result? After the submit, update the grid.
I have not seen anything like this in Kendo Demos.

Thanks

William

Grid

asked on 18 Nov 2012

0 answers

134 views

Read is never called, even after Save Changes

I've been trying to figure out why my Grid gets out of date and noticed that even after a Save Changes, the grid doesn't call my Read action. If I click on Cancel Changes after I save the changes then all is well (but it still never calls the Read) so I'm at a loss as to why the results end up showing 'undetermined' if I don't click on Cancel Changes and if there's a way to force the page to do whatever it is that Cancel Changes is doing after a Save.

Any ideas? My grid (which uses editor templates and a client template) is:

@model IEnumerable<Datamart.Models.ViewModels.LEAFundMap>

@{

ViewBag.Title = "CreateFundMap";

var snapshot = Session["snapshot_id"] ?? Request.Params["snapshot_id"];

}

<h2>CreateFundMap</h2>

@(Html.Kendo().Grid(Model)

.Name("Funds")

.Columns(cols =>

{

cols.Bound(p => p.entity_fund).ClientTemplate("#=entity_fund#");

cols.Bound(p => p.fund_desc).ClientTemplate("#=fund_desc.fund_desc#");

})

.ToolBar(commands =>

{

commands.Save();

})

.Editable(edit => edit.Enabled(true).Mode(GridEditMode.InCell))

.DataSource(ds => ds

.Ajax()

.Model(model =>

{

model.Id(p => p.entity_fund);

model.Field(p => p.entity_fund).Editable(false);

})

// Configure RU -->

.Read(read => read.Action("Fund_Read", "Draft").Data("additionalData"))

.Update(update => update.Action("Fund_Update", "Draft").Data("additionalData"))

//.ServerOperation(false)

.Batch(true)

.Events(events => events

//.Change("onChange") // commented out because it causes an infinite loop

.Error("onError")

)

// <-- Configure RU

)

<script>

function additionalData() {

return {

snapshot_id: "@snapshot"

};

}

function onError(e, status) {

if (e.errors) {

var message = "The following errors have occurred:\n";

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

if (value.errors) {

message += value.errors.join("\n");

}

});

alert(message);

}

function onChange() {

var grid = $("#Funds").data("kendoGrid");

grid.dataSource.read();

}

</script>

Grid

asked on 18 Nov 2012

3 answers

273 views

AJAX AutoComplete not displaying the items

Hi. I just want to display a list of values that are retrieved serverside using AJAX. It calls the AJAX method successfully, but does not display the returned values.

Markup:

@(Html.Kendo().AutoComplete()

.Name("EditNameAutoComplete")

.DataSource(source =>

source.Read(read => read.Action("GetUsers", "Administration"))

.ServerFiltering(true)))

Method:

public JsonResult GetUsers()

{

string input = Request.Params["filter[filters][0][value]"];

var adValues = //Get names from Active Directory that start with our input

var users = adValues.Select(user => user.CommonName).ToList();

users.Sort();

return Json(users);

}

Should be simple enough, and it's calling the Ajax method, but not displaying anything afterward. It just acts like a normal textbox. I'm definitely returning strings. What am I doing wrong?

AutoComplete

answered on 16 Nov 2012

1 answer

121 views

Unable to get property 'Length'

Hi,
I've just updated to 2012.3.1114 and am now receiving the above error in IE in relation to the Menu. How best to fix this?

Menu

answered on 16 Nov 2012

0 answers

140 views

IE8 pressing "Enter" refreshes page

Hi everyone,

i'm not sure if its a problem of the AutoComplete, but let me explain my (extremely strange) problem:

We use a kendoMenu --> Clicking on an item opens a modal kendoWindow --> In this kendoWindow is a kendoAutocomplete. As soon as i press enter in this autoComplete the complete page gets refreshed.

This problem only occurs in IE8 and (this is very strange...) as soon as I add a TextBox (hidden or not) in the kendoWindow the problem seems to be solved (no refreshing).

We think that it probably has something to do with the focus or something like that. It also doesn't matter where I place the TextBox the problem is gone. But actually this isnt really the best solution.

Is this a bug? I actually can't really reproduce the problem but probably you know what could cause such phenomenon?

AutoComplete

asked on 16 Nov 2012

2 answers

152 views

Upgrade Wizard gets timed out error

Folks
I am trying to update our paid verion of KENDOUI.
I run the wizard
Log in with username, which is NOT the same as the user I am using to write this post.
It propmpts me for to download, so I do
It shows download dialog with a header of:

Kendo UI Complete for ASP.NET MVC 2012.3 1114

and a status of "Starting Download"
After 1-2 mins it sows red erro: "The operation has timed out"

How can we fix this issue so I can get the latest software

Installer and VS Extensions

answered on 16 Nov 2012

1 answer

179 views

Grid via GridEditMode.PopUp - calling custom popup

Is it possible to call a custom popup window or to edit the contents of the built in popup?

Grid

answered on 15 Nov 2012

0 answers

254 views

Editable Grid in a Grid's popup editor

Is it possible to add a editable grid in a popup editor of a parent grid? Both grids are Ajax bindings.

Parent Grid View:

@(Html.Kendo().Grid<MyProject.Business.Models.ParentDTO>().Name("ParentGrid")

.Columns(cols => cols.Command(o => o.Edit() ).Title(" "))

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

.Events(events=>events.Edit("onEditOfParentGrid"))

.DataSource(datasource => datasource

.Ajax()

.Model(model => model.Id(o => o.id))

.Read(read => read.Action("GetAll", "ParentAjax"))

.Update(update => update.Action("Update", "ParentAjax"))

.Create(create => create.Action("Create", "ParentAjax"))

.Destroy(destroy => destroy.Action("Destroy", "ParentAjax"))

)

<script type="text/javascript">

function onEditOfParentGrid(e) {

$('#ChildGrid').data().kendoGrid.dataSource.read({ id: e.model.id })

}

</script>

Child Grid View (Parent's default EditorTemplate):

@model MyProject.Business.Models.ParentDTO

@(Html.Kendo().Grid<MyProject.Business.Models.ChildDTO>().Name("ChildGrid")

.AutoBind(false)

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

.DataSource(datasource => datasource

.Ajax()

.Model(model =>model.Id(o => o.id))

.Read(read => read.Action("GetByParentId", "ChildAjax"))

.Update(update => update.Action("Update", "ChildAjax"))

.Create(create => create.Action("Create", "ChildAjax"))

.Destroy(destroy => destroy.Action("Destroy", "ChildAjax"))))

Doing this will screw up the popup editor by showing it inline and write some javascript (as text). The child grid will also loose the data. If the child grid has no editor (aka read only), everything works fine, data is shown.

Theres a jQuery error in the console but it doesn't (at least for me) says much

Uncaught SyntaxError: Unexpected token ILLEGAL jquery-1.8.2.js:564
(anonymous function) jquery-1.8.2.js:564
jQuery.extend.globalEval jquery-1.8.2.js:565
(anonymous function) jquery-1.8.2.js:6006
jQuery.extend.each jquery-1.8.2.js:611
jQuery.fn.extend.domManip jquery-1.8.2.js:5991
jQuery.fn.extend.append jquery-1.8.2.js:5764
jQuery.fn.(anonymous function) jquery-1.8.2.js:6186
h.extend._createPopupEditor kendo.all.min.js:8
h.extend.editRow kendo.all.min.js:8
(anonymous function) kendo.all.min.js:8
jQuery.event.dispatch jquery-1.8.2.js:3063
elemData.handle.eventHandle jquery-1.8.2.js:2681

Grid

asked on 15 Nov 2012

0 answers

169 views

Call EditRow from within Click handler of custom command

In my grid I placed a custom command "Copy" which copies a value of a column to two other values in other columns in the Click-handler CopyClick. Now I would like to enter the edit mode for the row. How can I do that? I tried grid.editRow(row) but it did not worked. Probably I passed the wrong parameter to it. What must row be as a parameter to editRow()?

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

.Name("MyGrid")

.Columns(columns =>

{

columns.Command(command =>

{

command.Edit();

command.Destroy();

command.Custom("Copy").Click("CopyClick");

});

……

function CopyClick(e)