Hi Everyone,

I'm the lead developer on an ASP.NET WebForms project (Sadly, this choice was mine just prior to my arrival and the lead at the time left shortly thereafter leaving me stuck with a less than preferred ASP.NET option).
Anyways, I recently recommended purchase of 2 licenses for the DevCraft Complete package to my employeer. One license is mine while the other goes to another developer who strongly prefers the ASP.NET AJAX controls for WebForms. We're both preparing some proof of concepts to present to the project manager. I need to show that using Kendo UI with MVVM  will offer better performance both client and server side, less latency, less bandwidth and the easiest to learn for our other developers.

I need to create a simple read-only page which uses two models . For each Category I need to display the Name. Just under this header, For each Ticket associated with this category, I need to display the Name and Date of submission for the 20 most recent tickets (I intend to use serverPaging on the DataSource). I then want to attach a click handler to each Ticket Name which will make a call and pass the ID of this Ticket causing the system to return the content for this ticket which will be displayed in a pop-up window.

As my business objects typically contain more properties than I need for a given page - we're creating the JSON models separately. (Fig 1a & 1b respectively)

What I first tried was creating a web service call which returns  an array of Category objects which each contain the Tickets associated with that Category. The JSON for this can be seen in Fig 2.

I've found mixed examples switching between a standard DataSource and a HierarchicalDataSource for this scenario. My current javascript can be seen in Fig 3.

Finally the MVVM portion -- the HTML can be seen in Fig 4. I don't feel this is too complex but it seems some I'm missing a few things. When I run this, only the Categories JSON is returned and no binding occurs. No errors are thrown either.

These are the entity models server side:
Fig. 1a



These are the models which I serialize into JSON. I read that I should modify them as shown below -- see comments.

Fig 1b

Is it possible that I can just send all the data across in this format from just one handler and have the MVVM function with the nested templates? or am I correct that I must use a HierarchicalDataSource? If so, do I have it correctly implemented as shown below?

Fig 2

This is the javascript I've got so far -- I've bounced between a simple DataSource and a HierarchicalDataSource but I've been unable to find enough examples on this site (with the documentation and forums) that nail down a concrete implementation.

Fig 3
Fig 4

I look forward to your reply.

Thank you,

What I want is to list all books in a ListView. Then, clicking a button related with a category, I want to filter them. All books are loaded in the client side (there are not many). Server is not called for filtering.  

When I press a button, the following function is called:

function filterByCategory() {
 var list = $("#reportlistview").data("kendoListView");
  list.dataSource.filter({
field: "Category",
operator: "contains",
value: "xx"
});
}

I expected that the ListView only shows items with Category=xx, but the listview does not change. It continuous showing all books.

The ListView is created with:

@(Html.Kendo().ListView<Books>(Model)
.Name("reportlistview")
.TagName("div")
.ClientTemplateId("template")
.Selectable()



What am I doing wrong?

Thank you

Is it possible to post data back to a controller using a FormCollection object? I would like a user to be able to open a kendo window and select, by way of a checkbox, multiple entries. Then close the window, change data on the parent page and then submit the form (note: the kendo window div exists inside the form). I can get the kendo window to open and display all the data via a listview but I'm not sure how to get the checkbox values (the only piece of the kendo window the user can edit) back to my controller. I suspect kendo might be destroying all the data selected when the window is closed (note: I do not call the destroy command on the window) so I figured I could always create a bunch of hidden fields on the parent page and update them as the user checks off the check boxes but I was trying to avoid that.

I can always change my controller to a DataSource Object but I'd like to avoid rewriting code. The controller called is 

Kendo Devs,

I am looking to display one line and one bar series upon the same set of axes, however each will pull from a different API URL, therefore does anyone know how to combine two DataSources into one chart?

Below is my code so far; the bar series (dataseries1) successfully pulls data from the API  and plots it as a bar chart on the axes; I have manually extracted Y values for the line series and passed them in as a .data array as you will see in the code; in an ideal world, i would like to be able to add 'dataSource: dataseries1,'  into the  line series. The commented out data is what the API returns.



Thanks in advance,
Jamie

Hi, I am having a problem with the groupping of the telerik grid, in firefox is working, in IE8 is infinity loading, and it trows the error:

Line: 8
Error: 'aggregates' is null or not an object
 'length' is null or not an object


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

                   .Name("Grid")
                   .ClientDetailTemplateId("inventoryTemplate")

                   .DataSource(ds => ds.Ajax()
                                   //TODO: Problem in here
                                   .Group(g => g.Add(c => c.GradeCode))
                                   .PageSize(50)
                                   
                                   .Sort(sort => {
                                       sort.Add(p => p.SizeThick).Ascending();
                                       sort.Add(p => p.SizeLength).Ascending();
                                       sort.Add(p => p.SizeWidth).Ascending();
                                       })
                                             //.Aggregates(aggregates =>
                                             //{
                                             //    aggregates.Add(x => x.GradeID);
                                             //})
                                    
                                   .Model(m =>
                                   {
                                       m.Id(p => p.StockID);
                                       m.Field(p => p.QuantityToEnquiry).DefaultValue(1);
                                   })
                           .Read(r => r.Action("Read", "Home"))
                   )

                        .ToolBar(toolBar =>
                                   toolBar.Custom()
                                       .HtmlAttributes(new { id = "sendEnquiry" })
                                       .Text("Send Enquiry")

                               )
                           .ToolBar(toolBar =>
                                       toolBar.Custom()
                                           .HtmlAttributes(new { id = "clearFilter" })
                                           .Text("Reset Filters")

                                   )
                       .ToolBar(toolBar =>
                           toolBar.Custom()

                               .Text("Export To Excel")
                               .HtmlAttributes(new { id = "export" })

                               .Url(Url.Action("Export", "Home", new { page = 1, pageSize = "~", filter = "~", sort = "~" }))


                       )

                   .Columns(columns =>
                   {
                       columns.Bound("Selected")//p => p.Selected)
                           .Sortable(false)
                           .Filterable(false)


                           .ClientTemplate(


                          "<input type='hidden' name='list.Index' value='#=StockID#'/>" +
                          "<input type='checkbox' id='list_#=StockID#__Selected' name='list[#=StockID#].Selected' value='false'/>"


                       ).Width(5);

                       columns.Bound(p => p.GradeCode).Width(10)
                           .Filterable(false).Sortable(false).HeaderTemplate(@<text>
                              @(Html.Kendo().ComboBox()

                            .DataValueField("GradeCode")
                            .Placeholder("Grade Code")


                                      .DataTextField("GradeCode")
                                      .Name("GradeCode")
                                                  .DataSource(ds => ds.Read(rea => rea.Action("GetGradeCodeList", "Home")))
                                          .Events(ev => ev.Change("onComboGradeCodeChange"))
                              )
                                </text>)

                           .ClientGroupHeaderTemplate("<b class='header-title'>Grade Code</b>: <label class='header-value'>" + "#=value# </label>");

                       columns.Bound(p => p.SizeLength).HeaderHtmlAttributes(
                             new { @class = "filter-class" }
                           ).Width(10).Filterable(true);
                       columns.Bound(p => p.SizeWidth).Width(10);
                       columns.Bound(p => p.SizeThick).Width(10);
                       columns.Bound(p => p.Qty).Width(10);
                       columns.Bound(p => p.WeightKG).Width(15);

                       columns.Bound(p => p.LocationDescriptionShort)
                           .ClientTemplate("#=LocationDescriptionShort# ")
                           .Width(20).Filterable(false).Sortable(false).HeaderTemplate(@<text>

                      @(Html.Kendo().ComboBox()
                      .DataValueField("LocationDescriptionShort")
                      .Placeholder("Location")


                              .DataTextField("LocationDescriptionShort")
                              .Name("LocationDescriptionShort")
                              .DataSource(ds => ds.Read(rea => rea.Action("GetLocationList", "Home")))

                          .Events(ev => ev.Change("onComboLocationChange"))
                      )
                        </text>);


                       columns.Bound(p => p.Opco).Filterable(false).Sortable(false).HeaderTemplate(@<text>
                      @(Html.Kendo().ComboBox()

                      .DataValueField("Opco")
                      .Placeholder("Company")


                      .DataTextField("Opco")
                      .Name("Opco")
                          .DataSource(ds => ds.Read(rea => rea.Action("GetCompanyList", "Home")))

                          .Events(ev => ev.Change("onComboCompanyChange"))
                      )
                        </text>);
                       columns.Bound("QuantityToEnquiry").Filterable(false).Sortable(false)
                           .ClientTemplate("<input class='qtyToEnquiry' type='text' value='1' />");
                        
                      
                   })  
                                                                                                 .Events(ev => { ev.DataBound("onDataBound"); })
                                                                       .Pageable()
                                                                       .Sortable(s => s.SortMode(GridSortMode.MultipleColumn))
                                                                       
                )



<script id="inventoryTemplate" type="text/kendo-tmpl">

   @(Html.Kendo().TabStrip()
            .Name("TabStrip_#=StockID#")
            .SelectedIndex(0)
            .Items(items =>
            {
                items.Add()
                .Text("Details")
                .Content(
                
                    "<div class='inventory-details'>" +
                        "<ul>" +
                            "<li><label>Full Grade: </label>#= GradeDescription #</li>" +
                            "<li><label>Stock Reference: </label>#= StockRef #</li>" +
                            "<li><label>Cut/Mill Edge: </label>#= MillEdges #</li>" +
                        "</ul>" +
                        "<ul>" +
                            "<li><label>Memo: </label>#= OtherDetails  #</li>" +
                            "<li><label>Vessel: </label>#= Vessel #</li>" +
                            "<li><label>Producer: </label>#= Producer #</li>" +
                            "<li><label>Detailed Location: </label>#= LocationDescription #</li>" +
                        "</ul>" +
                    "</div>"
                );
            })
            .ToClientTemplate())
        

</script>

Can we have a simple example with zoom capabilities of the new 2012.3 features in the chart.
Thanks.

When a post has a ( or ) in the title, the page errors out when you try to click "mark as answered" As well, that post if in your Account view can't be licked as it's "not found"

http://www.kendoui.com/error-pages/error-500.aspx?aspxerrorpath=/forums/kendo-ui-dataviz/chart/moving-the-category-axis-to-bottom-when-negative-values-are-present-(mvc).aspx

In many of my posts I can't mark the post as answered. I get a 500 server error:

Here's an example, clicking the Mark as ANswered here throws the error

http://www.kendoui.com/forums/kendo-ui-dataviz/chart/make-columns-fat-when-few-used-in-mvc.aspx

Hi

I currently have the following but I would like to be able to specify the ranges dynamically using sliders. Can anyone tell me how to implement this?

Note - there will always be four ranges, its just where these start and stop is where I want to regulate.

I have a simple set of charts that are in Windows working great under 2013.2. I upgraded to 2013.3 and now the Windows appears and the chart's X and Y axis, legend and labels on the axis appear, but the data is not rendered, the charts are empty. See attached image. It was working fine in 2013.2 but after I ran the 2013.3 update it stopped working. In the html output, the data is there serialized in json, it's just the lines and bars of the chart no longer appear.

I have experimented by removing as much of the settings for a chart and window as I can, but still, no data appears.


Here's the data Kendo's MVC wrapper writes to HTML: