Questions on UI for ASP.NET MVC Forum

1 answer

109 views

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

135 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

139 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

168 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

238 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

152 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)

{

e.preventDefault();

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

var dataItem = this.dataItem($(e.currentTarget).closest("tr"));

dataItem.Val1 = dataItem.Val0;

dataItem.Val2 = dataItem.Val0;

grid.refresh();

}

Grid

asked on 15 Nov 2012

1 answer

637 views

[Solved] Unable to get property 'DataSource' of undefined or null reference

I want to bind to a controller called articles but am getting an exception as follows
0x800a138f - JavaScript runtime error: Unable to get property 'DataSource' of undefined or null reference

<!DOCTYPE html >

<HTML>
<head>
    <title>content</title>
    <link href="~/Content/kendo/2012.2.710/kendo.common.min.css" rel="stylesheet" />
    <link href="~/Content/kendo/2012.2.710/kendo.default.min.css" rel="stylesheet" />

</head>
<body>
<div id="articlesgrid"> </div>

</script>
</body>
</HTML>

#''''''''''''''''''''''''''''''''''''''''''''''''''''''''

public class ArticlesController : Controller
    {
       public List<Article> Get()
        {
            List<Article> lst = new List<Article>();
            lst.Add(new Article() { ID = 1, Name = "AAA", Price1 = 1.22m });
            lst.Add(new Article() { ID = 1, Name = "BBB", Price1 = 1.32m });
            lst.Add(new Article() { ID = 1, Name = "CCC", Price1 = 1.42m });

            return lst;
        }
    }
}

Grid

answered on 15 Nov 2012

2 answers

120 views

All JS-Libs bottom of body

Hi,

there is no problem when using KendoUI only with HTML and jQuery. I have the control where on the page my scripts and functions are executed.

When using the HTML-Helper in Razor all function are written in the middle of the DOM and I get the famous "jquery is not defined" exception.

InlineScripts or InlineStyles are a bad style for webperformance.
So I ask if there is a way to use HTML-Helper without writing all scriptlibraries in the head?

Installer and VS Extensions

answered on 15 Nov 2012

0 answers

150 views

Error loading chart

folks
My company has paid for a 3 license copy of KendoUI
I am posting here and not under the company registered user name as no one monitors that email

I am using

2012.2.710 release (because I can't upgrade

I get a error when the Chart is rendered
Error(see attachment):
0x800a01b6 - Microsoft JScript runtime error: Object doesn't support this property or method

Rendered chart HTML(5.0/4.1)/jquery(1.7.2):

<div class="k-widget k-chart" id="chart"></div><script>

jQuery(function(){jQuery("#chart").kendoChart({series:[{name:"Sale Value",type:"area",field:"SaleValue"}],categoryAxis:{categories:["2007","2008","2009","2010","2011"]},dataSource:{data:[{"Year":2007,"SaleValue":250000.0000},{"Year":2008,"SaleValue":500000.0000},{"Year":2009,"SaleValue":250000.0000},{"Year":2010,"SaleValue":500000.0000},{"Year":2011,"SaleValue":250000.0000}]}});});

</script>

Browser must IE8: nearly the biggest forgein client base, well be soon

code that made it happen ,includes commented out Telerik code that works with this model




@(Html.Kendo().Chart(Model.AnnualSalesList) 
    .Name("chart") 
    .Series(series => 
    { 
        series.Area(s => s.SaleValue); 
    }) 
    .CategoryAxis(axis => axis 
    .Categories(s => s.Year))  
        ) 
@* 
@(Html.Telerik().Chart(Model.AnnualSalesList) 
    .Name("chart") 
    .Legend(false) 
    .Series(series => 
    { 
        series.Area(s => s.SaleValue).Name("Sales by Year"); 
    }) 
    .CategoryAxis(axis => axis 
    .Categories(s => s.Year)) 
    .ValueAxis(axis => axis 
    .Numeric().Labels(labels => labels.Format("${0:#,##0}"))) 
    .Theme("Metro") 
    .HtmlAttributes(new { style = "width: 450px; height: 200px; margin: auto;" }) 
        ) 
*@

Regards

Greg

Chart

asked on 15 Nov 2012

1 answer

492 views

Passing Id to sub grid ajax's read method

I have a Grid with Employes. There is a Edit button and the edit mode is set to Popup. In the EditorTemplate of the entity I want to edit, there is another grid that has a history of Salary with a incell or inline edit mode.

Both grids uses Ajax datasources. The problem is with the inner grid binding. The controller action feeding a Json result to the ajax call requires the ID of the employe we are editing to return the appropriate Salary history. However, Kendo UI ASP.NET MVC wrapper will render some sort of template of the editor before knowing which employee we want to edit, then it will edit it when we are requesting the popup.

How can I feed the Employe ID in the Read Ajax call?

Main Grid

@(Html.Kendo().Grid<MyProject.Business.Models.EmployeDTO>().Name("EmployeGrid")

.ToolBar(toolbar => toolbar.Create())

.Columns(cols =>

{

cols.Bound(o => o.someData).Title("Some Data");

cols.Bound(o => o.moreData).Title("More Data");

cols.Command(o =>

{

o.Edit();

o.Destroy();

}).Title(" ");

})