Questions on UI for ASP.NET MVC Forum

1 answer

176 views

Using Kendo Grid to open MVC url in model window

I have a basic MVC Kendo Grid using am Action as a DataSource with Ajax enabled. I'd like to make the row clickable (no command buttons) to then open a hidden value which is a row specific MVC URL into a Jquery modal window. My fundamental goal is to have a grid holding X number of rows, each row with a potentially custom URL used for editing data. Can someone point me in the right direction? thanks.

Grid

answered on 05 Sep 2013

2 answers

352 views

Grid.One("DataBind does not work if mutiple grids in one view.

Hi,

I have a view with 4 kendo grids (Version 2013.1.514 MVC complete) doing different functions for the user and I have a central mechanism to handle all errors from all the grids of the application.

Grid Configuration

@(Html.Kendo().Grid<NewAlta.DataCapture.DataModel.ParameterOverride>()

.Name("test")

.Columns(columns =>

{

columns.Bound(p => p.CustomerId).Hidden();

columns.ForeignKey(p => p.EquipmentId, (System.Collections.IEnumerable)ViewData["equipments"], "EquipmentId", "Description").Title("Equipment").EditorTemplateName("CustomerEquipmentId");

columns.ForeignKey(p => p.ParameterId, (System.Collections.IEnumerable)ViewData["parameters"], "ParameterId", "ParameterName").Title("Parameter").EditorTemplateName("ParameterId");

columns.Bound(p => p.Limit1).Width(100);

columns.Bound(p => p.Limit2).Width(200);

columns.Bound(p => p.Limit3).Width(200);

columns.Bound(p => p.Limit4).Width(100);

columns.Command(p => p.Edit()).Width(80);

})

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

.Editable(editable => editable.Mode(GridEditMode.InLine))

.AutoBind(false)

// .Navigatable(builder => builder.Enabled(true))

.Events(events =>

{

events.Change("test");

events.Edit("test");

events.Save("test");

})

.Selectable(builder => builder.Mode(GridSelectionMode.Single))

.DataSource(dataSource => dataSource

.Ajax()

.ServerOperation(false)

.Events(e => e.Error("errorHandler"))

// omitted for brevity

Error Handler

<script type="text/javascript">

function errorHandler(e) {

gridErrorHandler(e, "#test");

}

//The below function lies in some js include files.

function gridErrorHandler(args, gridId) {

if (args.errors) {

var message = "We have encountered following errors : \n <ul>";

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

if ('errors' in value) {

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

//alert(this);

if (this != "" && this != null)

message += "<li>" + this + "</li> \n ";

});

message += "</ul>";

}

});

var kgrid = $(gridId).data("kendoGrid");

kgrid.one('dataBinding', function (e) { //==> if we have only one grid in the view this works. for mutiple grids in view it does not trigger

e.preventDefault(); // cancel grid rebind if error occurs

});

showAlertWindow(message); //==> Some other function used to show kendo window with errror messages.

}

</script>

I could verify that the kgrid is object but databinding event is not triggered in a view with multiple grids.

Any help is highly appreciated!!!

Thanks,

Grid

answered on 05 Sep 2013

2 answers

1.7K+ views

[Solved] Getting the row count in the ondatabound event

Hello,

I am wondering how I can get the total rowcount while inside the ondatabound event ?

Here is the background of why I am looking for this info. I am trying to code in a row cap lets say of 250 records which will be done in the controller. However I have a requirement that if the query was capped I need to offer the user an option to view all the rows. Basically implementing an alert to the user that they ran a query that returns a large set of data. At first they will only get the 250 rows but they are given an option to return all rows like a button or something which would rebind the grid and grab all rows from the controller.

I am sending a parameter in the Action call to bind that specifies whether or not to show all records, but I need to figure out how to get a row count so I know if the initial databind hit the cap.

Here is my code:

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

.Name("Grid")

.HtmlAttributes(new { style = "font-size:.85em;" })

.Columns(columns =>

{

columns.Bound(p => p.Id).Width(60);

columns.Bound(p => p.Title).Width(250);

columns.Bound(p => p.AssignedUser).Width(120);

})

.Pageable()

.Groupable()

.Sortable()

.Filterable(filterable => filterable

.Extra(false)

.Operators(operators => operators

.ForString(str => str.Clear()

.StartsWith("Starts with")

.Contains("Contains")

.IsEqualTo("Is equal to")

.IsNotEqualTo("Is not equal to")))

)

.Selectable(selectable => selectable

.Mode(GridSelectionMode.Single))

.DataSource(dataSource => dataSource

.Ajax()

.Read(read => read.Action("Get", "Grid", new {showAll = ViewBag.ShowAll}))

)

.Events(e => e.Change("onChanged").DataBound("onDataBound"))

)

Grid

answered on 05 Sep 2013

1 answer

432 views

one to many relationship

I have two model.
When I want to display a list of Product in grid, if PurchaseInvoiceDetail have records, Product grid show empty list,
and when i delete PurchaseInvoiceDetail records, Product's grid display list of product.
(I use Editing_Popup grid)

public class Product

{

[Key]

[ScaffoldColumn(false)]

public int ProductId { get; set; }

public string Name { get; set; }

public int Number { get; set; }

public virtual ICollection<PurchaseInvoiceDetail> PurchaseInvoiceDetail { get; set; }

}

public class PurchaseInvoiceDetail

{

[Key]

public int PurchaseInvoiceDetailId { get; set; }

public int Number { get; set; }

public decimal PurchasePrice { get; set; }

//Navigation Properties

public int ProductId { get; set; }

public virtual Product Product { get; set; }

}

Grid

answered on 05 Sep 2013

2 answers

128 views

Chart date range display versus series display length

So if have a chart that represent data over a period of time like current fiscal quarter, that date would be from beginning of July through end of September. So the chart would draw a period of time ranging those 3 months. However, if the most recent data goes until current day minus one, the series drawn on the chart dips down to "0". What I am after with modifying some existing code is for when the series is drawn, it stops drawing the series (for a line chart) at today(-1) and does not make the series (line) go further where no data is yet represented since it is in the future. This said, I hope I was descriptive enough and am hoping some of you could post some examples I could reference that does draw a chart over coarse of time with the series not going the full span of time. Could not find any particular documentation on this. Appreciate the help. Thanks much.

Chart

answered on 05 Sep 2013

3 answers

104 views

[Solved] How to use image and title for the app-icon when building mobile app with asp.net wrappers?

Previously, I added an icon and a title to my mobile app like this:

window.app = new kendo.mobile.Application(document.body, {

layout: "mainLayout",

skin: "flat",

hideAddressBar: true,

icon: "Images/FileName.png",

title: "App Name"

});

Whereas now, I can't seem to figure out how to do this. Any suggestions? :)

Application

answered on 05 Sep 2013

1 answer

105 views

Delete confirmation with TemplateId

Hi,
I am using the Asp.Net Mvc Wrapper for the scheduler control. I noticed that if I specify an editor template, the delete confirmation message does no longer appear:

To clarify, with this declaration the confirmation message does not appear:

.Editable(e => {
e.TemplateId("editEventTemplate");
e.Confirmation(true);
})

If I remove all the "Editable" configuration or if I leave just the Confirmation part, it works correctly:

.Editable(e => {
e.Confirmation(true);
})

What could be the reason for this strange behaviour?
Thanks,
Stefano Tassara

Scheduler

answered on 05 Sep 2013

9 answers

2.3K+ views

[Solved] jquery.min.map not found

Hello!
I always get Error: GET ~/Scripts/kendo/2013.1.703/jquery.min.map 404 (Not Found)
I update Kendo to Q2 , but this error dosn't disappear

Installer and VS Extensions

answered on 05 Sep 2013

1 answer

95 views

[Solved] ListView editable not working at all now

It seems like the objects are not being passed into listview editor templates at all now.

Latest internal build 2013.2.830.commercial

ListView

answered on 04 Sep 2013

10 answers

98 views

[Solved] IE8: JS-Error when changing "Font" style DropDown (2013 Q2)

Hello,

there is a new exclusive IE8 bug in the 2013 Q2 release which is easily reproduceable with the Online Kendo Demos.

If you change the "Font" Drop-Down (e.g: Heading 1, Heading 2), a javascript error occurs in "kendo.web.js":
Object doesn't support property or method 'indexOf'

Can you please put the fix in the next Internal Build.

Editor

answered on 04 Sep 2013