Questions on UI for ASP.NET MVC Forum

1 answer

301 views

Description of Examples should contain

View (.cshtml ans .aspx)

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

187 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

177 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

296 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

462 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

178 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

422 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

1 answer

149 views

Action to return on server side validation failure

When the ModelState returns errors to the datasource object, how does one find the grid row where the error occurred and then set it to edit mode? Thanks for any help.

-Tony

Grid

answered on 10 Aug 2012

0 answers

171 views

Submit form containing grid and other elements - not working in IE

With reference to the Kendo Code Library post titled Submit form containing grid along with other input elements, located here, I've found that "out of the box" it does not work in IE (I'm using v9), while it works perfectly in Chrome and Firefox. I've experienced similar behavior when applying this sample to a project I am working on. Any idea why this would be? I thought all mainstream browsers are s'posed to handle Kendo UI without any issues?

EDIT:
I've found that if my move the Submit button's HTML so that it is BEFORE the Kendo Grid declaration, then it works in IE. Why is this?

Grid

asked on 09 Aug 2012

5 answers

235 views

MVC Controls Not Displaying Correctly On My PC

Selectors are not displaying down arrows, and the date picker, while usable, is not visible, on my PC.

If I publish the website from my PC, the problem appears on the live version - then another developer has to get the latest version and publish it to restore the appearance of the controls.

The attached image shows a browser with the controls working overlayed by a browser showing the same page on my PC.

I am using the same version of the MVC controls as they are. Here is a listing of my project bin directory:

Directory of C:\Users\graham.TPN\Documents\Visual Studio 2010\Projects\TPNTools
\TPNTools\bin

07/08/2012 14:44 <DIR> .
07/08/2012 14:44 <DIR> ..
07/06/2012 11:57 970,752 Telerik.Web.Mvc.dll
07/06/2012 11:57 2,754,048 Telerik.Web.Mvc.pdb
07/06/2012 11:57 1,260,653 Telerik.Web.Mvc.xml
07/08/2012 14:44 401,408 TPNTools.dll
07/08/2012 14:44 548,352 TPNTools.pdb
5 File(s) 5,935,213 bytes
2 Dir(s) 209,180,905,472 bytes free

General Discussions

answered on 09 Aug 2012