Questions on UI for ASP.NET MVC Forum

0 answers

104 views

chart

How to draw bar chart using various colors in kendoui?

Chart

asked on 14 Aug 2012

1 answer

114 views

Grid with a URL Re-writer

We have a situation where a URL re-writer is modifying the URL in such a way that the ajax calls the Grid control makes is breaking.

The application with the grid control is calling www.mydomain.com/controller/action/
what it needs to call is www.mydomain/applicationName/controller/action.

is the a method where we can inject the above application name into the ajax calls so that the Telerik Grid can retrieve the data at the new location. Right now, we are using: "databinding.Ajax().Select("action", "controller");" to define where the data is located.

If possible we would like to stay using the Fluent API to define this since most of our grids are defined that way.

I hope I am explaining this properly. Any help you can provide would be greatly appreciated.

Thanks,
Chris

Grid

answered on 14 Aug 2012

1 answer

171 views

Grid doesn't work MVC 4 RC

Hi,
I tried to move from MVC 3 to mvc 4. unfortunately, the following code is working properly on mvc 3, but on mvc4 rc shows "No records to display". how to avoid this issue?

@(Html.Kendo().Grid<Object>()
    .Name("GridTest")
    .DataSource(dataSource => dataSource
        .Ajax()
        .Read(read => read.Action("Test_Read", "Home"))
     )
     .Resizable(resize => resize.Columns(true))
     .Reorderable(reorder => reorder.Columns(true))

Thanks,

peter

Grid

answered on 14 Aug 2012

1 answer

308 views

Examples for Extensions ASP.NET MVC

Description of Examples should contain

View (.cshtml ans .aspx)

Controller

_Layout.cshtml

When I have a look at Web Demos -> UI Widgets Grid -> Row template and select source file -> rowtemplate.cshtml the code is not matching the preview....
Are you shure you are ready to go live with telerik&kendo ui?

When do you think you are ready and stable?

Kind regards,
Peter

Grid

answered on 14 Aug 2012

1 answer

192 views

What shall I use, having a flat table, showing as a treeview

I have the following data in a database:
RowId, Text, ParentRowId
1, "Root", {null}
2, "Animal", 1
3,."Cat", 2
3, "Dog", 2

This data shall be shown by the TreeView.

I'd like to return the data as JSON, then bind the data to the TreeView.
What's the "best" way?

TreeView

answered on 14 Aug 2012

2 answers

180 views

Expand on Demand

Does the TreeView support Expand-on-Demand? If so could you please provide an example of how to implement this? If not, do you have any idea by when we can expect this feature?

TreeView

answered on 14 Aug 2012

1 answer

308 views

Grid inline edit with local datasource from mvvm

Hi

I have a local kendo.observable viewmodel which i bind to my grid with the data-bind="source:ProductionReports" attribute like the following

@Html.Kendo.Grid(Of CProductionReportViewModel).Name("CreateEditProductionReportGrid").Columns(Sub(col)

col.Bound(Function(x) x.ShiftDefinitionId)

col.Bound(Function(x) x.ReportDateFrom)

col.Bound(Function(x) x.ReportDateTo)

col.Bound(Function(x) x.ArticleVariantId)

col.Bound(Function(x) x.PacInstructionId)

col.Bound(Function(x) x.CustomerId)

End Sub).HtmlAttributes(new Dictionary(Of String, Object) From {{"data-bind", "source:ProductionReports"},{"data-editable","inline"},{"data-sortable","true"}})

All data get displayed properly, but how can I configure the grid for inline editing?

data-editable="inline"

doesnt work and if I define the ASP.NET MVC Wrapper to enable inline editing then I need a DataSource to a Controller Method!
But I just want that it update my local kendo.observable viewmodel.

Regards
Roland

Grid

answered on 13 Aug 2012

1 answer

471 views

How to replace chart data with javascript

Hi,

i have a gauge and a stacked bar chart on my site and the values should be replaced at runtime.
The gauge works well, but how do i change the values (series and categories) within a stacked bar chart?

I built the gauge like this

@(Html.Kendo().RadialGauge()

.Name("the-gauge")

.Pointer(pointer => pointer.Value(Model.InitialGaugeValue))

.Scale(scale => scale

.MinorUnit(5)

.StartAngle(0)

.EndAngle(180)

.Min(-20)

.Max(20)

.Labels(labels => labels

.Position(GaugeRadialScaleLabelsPosition.Inside)

)

.Ranges(ranges =>

{

ranges.Add().From(-20).To(-5).Color("#c20000");

ranges.Add().From(-5).To(-2).Color("#ffff00");

ranges.Add().From(-2).To(2).Color("#00ff00");

ranges.Add().From(2).To(5).Color("#ffff00");

ranges.Add().From(5).To(20).Color("#c20000");

})

)

and there's no problem to change the value via javascript with this statement:

$("#the-gauge").data("kendoRadialGauge").value(data.Margin);

but how do i change the values of a stacked bar chart?
The chart looks like this:

@(Html.Kendo().Chart()

.Name("the-chart")

.ChartArea(ca => ca.Background("Transparent"))

.Legend(legend => legend.Position(ChartLegendPosition.Top))

.SeriesDefaults(seriesDefaults => seriesDefaults.Column().Stack(true))

.Series(series => {

foreach (var item in Model.StackData)

{

series.Column(item.Data).Name(item.Name);

}

})

.SeriesColors("#8080ff", "#ff8080")

.CategoryAxis(axis => axis.Categories(Model.StackCategories).MajorGridLines(mgl => mgl.Visible(false)))

.ValueAxis(axis => axis.Numeric().Labels(labels => labels.Format("{0} Mrd")))

.Tooltip(tooltip => tooltip.Visible(true).Format("{0}%"))

)

I just want to replace the data and not the whole chart every time the data changes.

cheers
Hubert

Chart

answered on 13 Aug 2012

1 answer

181 views

DatePicker not working in a menu

I placed a date picker inside of a kendo menu. The date picker shows up but it's missing the calendar button.

DatePicker

answered on 10 Aug 2012

1 answer

427 views

[Solved] Treeview Drag & Drop with constraint

Hi Expert,
We are looking to use the Treeview Drag & Drop but would like to add some constraint, I am wondering if the current Kendo UI support what we're try to accomlish.

Can we limit the child level of the parent tree? We want to only allow 1 child per parent?
Can we restrict user from creating the Top Level?

We we try to accomplish is that we have a static list from the left hand side and we have 2 static parent on the right. User must drag fromof the parent from the left. The only condition is each of the level can only have 1 child node.
e.g.
Allow:
A
|---B
    |---C
        |---D
It cannot be where C&D is a child of B. Can we prevent this? TIA
A
|---B
    |---C
    |---D

Kendow UI Tree View

TreeView

answered on 10 Aug 2012