Questions on UI for ASP.NET MVC Forum

1 answer

139 views

Grid column edit visual anomaly in aspnetmvc-episode4

Downloaded the Sample projects for getting started with ASP.NET MVC, JSP and PHP Kendo UI Wrappers.
The \wrappers-getting-started-master\aspnetmvc\aspnetmvc-episode4\aspnetmvc-episode4\ site grid has visual anomalies when clicking on the Edit button (row edit). See attached files for before and after clicking the Edit button.
Environment:

Dell XPS 8700 Desktop 4th Gen Intel® Core™ i7-4770 3.4GHz
Windows 8.1 Pro Preview, Build 9431
VS2013 Ultimate Preview
Compiled for .NET 4.5.1
IE11
Google 29.0.1547.22 beta-m
Mozilla 23.0

All OS and other updates are up-to-date as of 07/24/13.

Thx, Ivan

Grid

answered on 26 Jul 2013

1 answer

86 views

AJAX MVC paging is display data instead of binding to the grid.

I am having all kinds of issues with the MVC Grid control.

When I try and page to the next page in the grid I get the raw data instead of the HTML page with the grid displayed..See attachment.

Second, I cannot, for the life of me, get the filtering nor the grouping function to work. When I click the filter icon, nothing happens.

I haven't even got to ALL of the CRUD functionality. This is so frustrating.

I am using the newest release of the Kendo UI toolset and Entity Framework 5. I have created the model from the EDMX.

Please help!

Grid

answered on 26 Jul 2013

2 answers

126 views

Dynamic body width based on grid width

As the subject suggests I'm attempting to alter body width to match the width of the grid in cases where the grid ends up bigger than the body. I'm attempting to do that by wiring up the databound event of the grid and then setting the width of the body. However, the grid's width is returning smaller than it actually is so the body is still left behind.

For example, I have a min-width set on the body element in css. In this case it's 1100px. The grid is reporting its width as smaller than that min-width (1088), yet the grid goes well past that width on the screen. Here is the javascript I am trying to use to accomplish this. Any suggestions?

$(function () {

var grid = $(gridNameForEditors).data("kendoGrid");

grid.bind("dataBound", function () {

var grid2 = $(gridNameForEditors);

alert(grid2.width());

document.body.style.width = grid2.width() + "px";

});

})

Grid

answered on 26 Jul 2013

2 answers

232 views

Grid inside BeginForm posts to the wrong action when deleting a row

Having the following code (stripped down version):

@using (Html.BeginForm(@"Store", @"Admin", FormMethod.Post))

{

@(Html.Kendo().Grid((IEnumerable<MyModel>) ViewBag.MyItems)

.Name(@"grid")

.Columns(columns =>

{

columns.Bound(pg => pg.Id).Visible(false);

columns.Bound(pg => pg.Name).Template(

                      c => Html.ActionLink(c.Name, @"Details", new {id = c.Id}));

columns.Command(

                      commands => commands.Destroy().Text("Delete")).Title("Delete");

})

.Pageable()

.Sortable()

.DataSource(

dataSource => dataSource

.Server()

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

.Destroy(d => d.Action(@"Item_Destroy", @"Admin")))

)

}

I do experience the following (wrong) behavior:

User clicks the "Delete" button.
The "Store" action of the "BeginForm" is being called, instead of the "Item_Destroy" action.

My question:

What have I done wrong in my view?

Grid

answered on 26 Jul 2013

12 answers

192 views

Filter error in 2013.2.716

See screenshot.

It was working before the update (which I have since rolled back).

The grid itself doesn't even have filter enabled, why is it passing undefined at all, which is what Kendo is hanging up on I'm guessing....

General Discussions

answered on 26 Jul 2013

1 answer

168 views

DropDownListFor - clear items and repopulate with JS

Hi,
I have a DropDownList that is initially binded on the server side with BindTo method (I am using DropDownListFor).
On the client (JS code) I need to clear its items and then repoppulate the control with other items.
What is the best practice to accomplish this?

Thanks,
Lauri

DropDownList

answered on 26 Jul 2013

1 answer

157 views

How to make the Kendo Upload controle use span instead of div so i can use it in the toolbar of a grid without the extra line break?

I have a kendo grid that that uses a ClientDetailTemplate to display a second sub-grid. The sub-grid has a variety of commands that are in the toolbar, including a Kendo Upload control.

The problem is that the Kendo control is surrounded in a div, so it breaks the single line appearance of my toolbar. Is there any way to change the Upload control so that it can be used inline with other controls?

Thanks,
~Logan

Grid

answered on 26 Jul 2013

6 answers

163 views

Build 2013.1.319 Introduces js issue

After just downloading and upgrading to build 2013.1.319 - I now receive the following error when starting my app:

Microsoft JScript runtime error: Object doesn't support property or method 'live'

The error occurs in jQuery.unobtrusive-ajax.js (Asp.net mvc):

$("a[data-ajax=true]").live("click", function (evt) {
        evt.preventDefault();
        asyncRequest(this, {
            url: this.href,
            type: "GET",
            data: []
        });
    });

p.s. I am using the jquery.min.js that comes with the latest Kendo build.

Please advise.

General Discussions

answered on 25 Jul 2013

8 answers

86 views

Exception with Grid After Updating to Latest Build (2013.2.716.340)

I've noticed now the grid is posting filter data even though I haven't defined any filter on the client/server side. This is causing a Binding error - DataSourceRequest.

When I create a dummy filter with the wrapper it no longer throw exception. However even if I disable the Filterable option it still throws and passing filter post data.

.DataSource(ds => ds.Ajax()

.Batch(true)

.Filter(f=> f.Add(d=> true))

See the examples of post data between working and not. I'm not sure if it's the wrappers or the JS but thinking it might be Js causing the Binding to throw.

Old Post Format:
sort=FacilityName-asc&page=1&pageSize=25&group=&filter=

New Post Format Failing:
sort=FacilityName-asc&page=1&pageSize=25&group=&filter=undefined~undefined~undefined

New Post Format Working - see above for the dummy filter:
sort=FacilityName-asc&page=1&pageSize=25&group=&filter=undefined~eq~null

Please advise.
Patrick

Grid

answered on 25 Jul 2013

1 answer

159 views

Validation

Hi,
How can I add validation for the fields like title and description or even to resources in MVC ?

Scheduler

answered on 25 Jul 2013