Questions on UI for ASP.NET MVC Forum

3 answers

229 views

ClientDetailTemplateId - Have Read, Insert working, but Update, Delete don't pass Ids

I have a parent/child grid which correctly displays the child table and is working for both Read & Create. However, Update and Delete don't pass the Id in the URL as I can see from the console.

.DataSource(dataSource => dataSource

.Ajax()

.Model(model =>

{

model.Id(g => g.id);

model.Field(g => g.id).Editable(false);

model.Field(g => g.user_id);

model.Field(g => g.group_id);

})

.Read(read => read.Url("http://localhost:808/api/UserGroup/" + "#=id#").Type(HttpVerbs.Get))

.Create(c => c.Url("http://localhost:808/api/UserGroup").Type(HttpVerbs.Post))

.Update(update => update.Url("http://localhost:808/api/UserGroup").Type(HttpVerbs.Put))

.Destroy(destroy => destroy.Url("http://localhost:808/api/UserGroup").Type(HttpVerbs.Delete))

)

This is what I see in the console:

OPTIONS http://localhost:808/api/UserGroup 405 (Method Not Allowed) jquery.min.js:2

DELETE http://localhost:808/api/UserGroup 404 (Not Found) UserGroup:1

XHR finished loading: "http://localhost:808/api/UserGroup".

The DELETE should be passing the Id of the row.

Grid

answered on 11 Feb 2013

9 answers

645 views

If-statement on command.Destroy()

Hi,
I need to check the current item to display Destroy button or not. But I can't figure out how to write the if-statement.
Currently it looks like:

columns.Command(commands =>

{

commands.Edit();

@<text>

@if (!item.IsStartPage)

{

commands.Destroy();

}

</text>;

})

How should it look like?

And as I wrote in this thread: http://www.kendoui.com/forums/mvc/grid/enable-properties-by-true-false.aspx
it would be more beautiful to just write:

columns.Command(commands =>

{

commands.Edit();

commands.Destroy(!item.IsStartPage);

})

:)

Regards,
Mattias

Grid

answered on 11 Feb 2013

1 answer

212 views

Line Chart Example Dataset

Trying to work through the online demos, there is no representation of what the actual dataset or viewmodels look like. This makes it difficult to format data properly to be consumed by the dataviz controls.

I have the following model:

public class ReportMonthTotals

{

public string Month { get; set; }

public int Year { get; set; }

public decimal Total { get; set; }

}

The data looks as such, a column for the month, the year, and the total.

1 2013 1200.00

12 2012 1350.00

11 2012 1100.00

10 2012 1050.00

I need to display in a Line chart with a Series for each year (2013, 2012, 2011...) over the Category (X) Axis of Month (Jan, Feb, Mar...Dec). Value (Y) Axis is Total.

This is the start of my control, but its obviously missing something as I get a nonsensical result:

@(Html.Kendo().Chart<Reporting.Data.SalesModel.ReportMonthTotals>()

.Name("salesChart")

.Title("Sales")

.Legend(legend => legend

.Position(ChartLegendPosition.Bottom)

)

.Series(series =>

{

series.Line(m => m.Total);

})

.ValueAxis(axis => axis.Numeric()

.Labels(labels => labels

.Format("${0}")

)

.CategoryAxis(axis => axis

.Categories(m => m.Month)

)

.DataSource(dataSource => dataSource

.Read(read => read.Action("Sales_Read", "Sales")

           .Group(group => group.Add(m => m.Year))

)

My Controller:

public ActionResult Sales_Read([DataSourceRequest] DataSourceRequest request)

{

return Json(SalesModel.GetSales(), JsonRequestBehavior.AllowGet);

}

GetSales() returns a List of object ReportMonthTotals

What exactly am I missing? Thanks.

Chart

answered on 10 Feb 2013

1 answer

119 views

Multiple Add New at one time in Grid

Is there is an easy way to allow a user to hit the Add New button several times to make several blank rows and then go and add the data? They don't want to hit Add -> Enter Data -> Update -> Repeat. They want to go Add -> Add -> Add -> Enter Data -> Enter Data -> Enter Data -> Save button.

Thanks!

Grid

answered on 08 Feb 2013

3 answers

169 views

[Solved] Ajax Datasource Data

Hi,

This question and example actually applies to the Grid but since it is about the DataSource I'm posting it in the General Area.

As you can see below I'm using a read action for my Ajax request. And also using the Data method to provide the action with Data.

When I only provide string or integer types in the return function (AdditionalData) everything is fine. But when I want to use a Date (i.e. StartDate, EndDate), the properties StartDate and EndDate are not passed to the Action Controller and the Action cannot be found (because the parameters do not match, I think).

Is there a simple way to pass a Date object to your Action Controller or not to use the .Read(.. method but a jQuery ajax request?

Kind regards,

Lennart

Grid Definition:
@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
.Name("Grid")
.DataSource(dataSource => dataSource
.Ajax()
.Read(read => read.Action("HistoryDowntimes_Read", "TimeRegistration").Data("AdditionalData")))
.Columns(columns =>
{
columns.Bound(p => p.TimeEventID);
....

Data Return Function:
function AdditionalData() {
return {
LocationID: 8,
StartDate: new Date(2012, 1, 1, 11, 42, 30, 477),
EndDate: new Date(2013, 1, 1, 11, 42, 30, 477)
};
}
==> Fixed LocationID and Date is for Development purposes only.

General Discussions

answered on 08 Feb 2013

3 answers

321 views

Monthly Sales Data In Stacked Bar Chart

Hi. I'm attempting to bind the attached data example to a Stacked Bar Chart and not having much luck using the example here:

http://demos.kendoui.com/dataviz/bar-charts/grouped-stacked-bar.html

The goal is to have Months on the X-axis and Product totals per month, each product stacked on the Y-axis. The example provided only show configuration for building using static data is a particular format. Is it possible to use the data sample attached without reorganizing?

Thanks.

Chart

answered on 08 Feb 2013

1 answer

349 views

Aggregates when using BindTo

Hi,

I know how to specify aggregates when using a DataSource to populate the grid.

But how do I define aggregates when I'm populating the Grid using BindTo?

I want a Sum row at the bottom of this Grid:

@(Html.Kendo().Grid<Models.AgentLeaderData>()

.Name("AgentLeaderData")

.Columns(col =>

{

col.Bound(p => p.AgentName);

col.Bound(p => p.Revenue).HtmlAttributes(new { style = "text-align:right" });

})

.BindTo(Model.AgentLeaderData)

)

Grid

answered on 08 Feb 2013

2 answers

286 views

Display image on a node using BindTo and children nodes

I am successfully populating my treeview via the BindTo method. As you can see below, I bind to a single entity of type "Organisation" which has collection of child organisations called "ChildOrganisations". You can also see that I do some conditional formating of styles depending of the value of property "organisation.organisation_type_id"

@(Html.Kendo().TreeView()

.Name("OrganisationTreeview")

.ExpandAll(true)

.BindTo(Model, mapping => mapping

.For<Organisation>(binding => binding

.Children(organisation => organisation.ChildOrganisations)

.ItemDataBound((item, organisation) =>

{

item.Text = organisation.organisation_unit_name;

item.Id = organisation.organisation_unit_id.ToString();

if (organisation.organisation_type_id == 1)

{

item.HtmlAttributes.Add("style", "font-size: 18px;font-weight:bold;");

}

else if (organisation.organisation_type_id == 3)

{

item.HtmlAttributes.Add("style", "font-size: 14px;font-weight:bold");

}

else if (organisation.organisation_type_id == 2)

{

item.HtmlAttributes.Add("style", "font-size: 12px;font-weight:normal");

}

})))

)

As I bind the children nodes via the item.Text and item.Id properties, I also want to be able to add an image next to the node text. The image will be different depending on the value of a organisation.enabled. How can I do that?

TreeView

answered on 08 Feb 2013

1 answer

383 views

Individual Column Header Alignment

Is it possible to make a column header to be dentered while the rest follows the default setting?

Grid

answered on 07 Feb 2013

3 answers

1.7K+ views

Unable to get property 'open' of undefined or null reference

I cant seem to get window to open, I get error
Unable to get property 'open' of undefined or null reference

$("*[data-add-team]").click(function () {

var win = $("#teamWindow")

win.show().data("kendoWindow").open().center().toFront();

})

<div data-menu-item="teams">

@code

Dim TeamCreateWindows As Kendo.Mvc.UI.Window = Html.Kendo.Window() _

.Name("teamWindow") _

.Title("Create Team") _

.Actions(Sub(actions)

actions.Custom("custom")

actions.Minimize()

actions.Maximize()

actions.Close()

End Sub) _

.LoadContentFrom("create", "team", New With {.area = "contractor"}).Animation(True) _

.Content(Sub()

@<text>

Loading.......

</text>

End Sub) _

.Draggable().Resizable().Width(500)

TeamCreateWindows.Render()

End Code

@Html.Button("addTeam", "Add Team", BO.Enumerators.ButtonType.Button, BO.Enumerators.ButtonStyle.LoLight, New With {.data_add_team = True})

@Html.Partial("_Teams", Model.Contractor)

</div>

Window

answered on 06 Feb 2013