Hello again,
i have the kendo UI for MVC Q3 2012,but inside there is no example folder  so i can view the full example for the cascading.
I tried to implement the scenario from the demo,the online example ,but for the moment,the second dropdownlist is not activating when i choose a category.
the cshtml look like this:
<p>
    <label for="categories">Categories:</label>
    @(Html.Kendo().DropDownList()
          .Name("categ")
          .OptionLabel("Select category...")
          .DataTextField("CategoryName")
          .DataValueField("CategoryID")
          .DataSource(source => {
              source.Read(read =>
              {
                  read.Action("GetCascadeCategories", "Controls");
              });
          })
        
    )
</p>
<p>
    <label for="products">Products:</label>
    @(Html.Kendo().DropDownList()
          .Name("produc")
          .OptionLabel("Select product...")
          .DataTextField("ProductName")
          .DataValueField("ProductID")
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  read.Action("GetCascadeProducts", "Controls")
                      .Data("filterProducts");
              }).ServerFiltering(true);
          })
          
          .Enable(false)
          .AutoBind(false)
          .CascadeFrom("categ")
          
       
    )
<script type="text/javascript">
        function filterProducts() {
            
            return {
                categories: $("#categ").val()
            };
        }
        
    </script>

the Code in controller look like this:
public JsonResult GetCascadeCategories()
        {
            

            return Json(_categoryRepository.GetAll().Select(c => new { CategoryId = c.CategoryID, CategoryName = c.CategoryName }), JsonRequestBehavior.AllowGet);
        }

        public JsonResult GetCascadeProducts(string categories)
        {
           
            var products = _productRepository.GetAll();

            if (!string.IsNullOrEmpty(categories))
            {
                products = products.Where(p => p.Category.CategoryName == categories);
            }

            return Json(products.Select(p => new { ProductID = p.ProductID, ProductName = p.ProductName }), JsonRequestBehavior.AllowGet);
        }

Or,can you send me a functional example taking data from a real database like Northwind.

Thanks in advance.

Hello.
I am trying to use the Kendo UI Grid with the DataSourceRequest object, in an MVC3 web application.
When I use the MVC helpers to define the grid with razor notation, it works correctly, with paging, filtering, sorting, etc.
But, because of our architecture, we have to use the attribute-driven notation, like so:

<div id="userGrid"
  data-role="grid"
  data-columns='[{ "field": "Name", "title": "Users"}]'
  data-filterable='true'
  data-navigatable="false"
  data-pageable='true'
  data-selectable="row"
  data-sortable='{"mode": "single", "allowUnsort": true}'
  data-bind="source: userDataSource"></div>

The controller's action code is exactly the same in both situations:

public ActionResult ListUsers([DataSourceRequest] DataSourceRequest request)
{
  return Json(GetUsers().ToDataSourceResult(request));
}

When using attribute-driven, the grid works fine listing the records and the paging also works.
But not the filter and sorting.
Debugging the controller, I found out that the "request" parameter only has the Page and PageSize values, while
the Filter and Sort properties are null.
Looking at the POST request sent by each version of the grid, I found some differences.
This is the request sent by the Grid created with the MVC helper:

sort:
page:1
pageSize:10
group:
filter:Name~contains~'aaa'

And this is the request sent by the attribute-driven:

take:30
skip:0
page:1
pageSize:30
sort[0][field]:Name
sort[0][dir]:asc
filter[filters][0][field]:Name
filter[filters][0][operator]:contains
filter[filters][0][value]:25
filter[logic]:and

That's probably why the option parameters are not being sent to the action, but what do I have to do to format the options correctly?
This is the script I'm using to define the transport read function for the datasource:

read: function (options) {
  $.ajax({
    url: '/home/ListUsers',
    type: 'POST',
    data: options.data,
    success: function (data, textStatus, jqXHR) {
      options.success(data);
    },
    error: function (jqXHR, textStatus, errorThrown) {
      alert(errorThrown);
    }
  });
}

What do I have to do to send the options data correctly?

Thanks!

I'm having an issue getting the selected node of the treeview when trying to drag to it.

Explanation of what I'm trying to do:
   I'm trying to drag a row from the grid to the treeview.

I've linked to the full VS project.

Visual Studio 2012 TreeView Project

I'm receiving a weird error that is only occurring in my web application in internet explorer (v9.0.8). It occurs when I try to instantiate a grid more than once on a div. It only seems to occur in IE not on any of the other browsers I have tested (chrome, firefox, safari). 

This situation occurs because of the navigation flow of my single page application. As I move from one page to another page I am dynamically paging the content on the screen. When I return back to the listing page I must call the setup listing to refresh the grid (javascript is used to dynamically change the contacts of the page without a browser post, it is all clientside). I have created jfiddle to show this example here. When you click on the "Click Here to Refresh HTML" it resets the html in the div and than sets up the grid. If you look in IE's console you see a SCRIPT5022: DOM Exception: NOT_FOUND_ERR (8) error. Also when you click the other button "Click Me" you receive a different error  Invalid calling object kendo.all.min.js, line 8 character 73742 . Remember to make sure you are on Internet Explorer 9 when running the jfiddle. If I comment out the datasource line for the grid setup than the error does not occur if that helps.

Please help.

Thanks in advance

I'm following the dataviz -> bar_charts -> grouped_data example from Kendo.Mvc.Examples that groups by stock symbols and displays closing values by date.
I'm trying to do the same thing and group by sTypeLabel and display dValue by dtDate and it's not working.  I think it has something to do with the read.Action, but I'm not sure how to make it work.  My example is so simple.  When I look at the Kendo.Mvc.Examples it uses an action of  _StockData in Scatter_Charts controller, which I see returns Json(ChartDataRepository.StockData()).  Do I need to create an Action to do something?  Is there documentation on this somewhere?

First my Model class:
    public class TimeBasedTrendsGraphModel
    {
        public int ID { get; set; }
        public DateTime dtDate { get; set; }
        public string sTypeLabel { get; set; }
        public double dValue { get; set; }
    }

My controller:
   public class TimeBasedTrendsGraphController : Controller
    {
        private MOSTestDBContext db = new MOSTestDBContext();

        public ViewResult Index()
        {
            return View(db.TimeBasedTrendsGraph.ToList());
        }
My view (Index.cshtml):
@model IEnumerable<MvcApplication5.Models.TimeBasedTrendsGraphModel>

@{
    ViewBag.Title = "Index";
}

<h2>Time Based Trends Graph</h2>

<div class="chart-wrapper">
    @(Html.Kendo().Chart(Model)
        .Name("chart1")
        .Title("Time Based Trends")
        .DataSource(dataSource => dataSource
            .Read(read => read.Action("_TBTData", "TimeBasedTrendsGraph"))
            .Group(group => group.Add(model => model.sTypeLabel))
            .Sort(sort => sort.Add(model => model.dtDate).Ascending())
        )
        .Series(series =>
        {
            series.Column(model => model.dValue)
                .Name("value")
                .Stack(true)
                .GroupNameTemplate("#= group.value # (#= series.name #)");
        })
        .Legend(legend => legend
            .Position(ChartLegendPosition.Bottom)
        )
        .CategoryAxis(axis => axis
            .Categories(model => model.dtDate)
            .Labels(labels => labels.Format("MM/DD/YY"))
        )
        .ValueAxis(axis => axis
            .Numeric().Labels(labels => labels.Format("{0}"))
        )
        .Tooltip(tooltip => tooltip
            .Visible(true)
            .Format("{0}")
        )
    ) 

Hi there,

I got some issue with the kendo datepicker component, he generate wrong date format, my culture is set to "fr-FR", if i use then Kendo Html Helper to generate the component i got a wrong date format, exemple :

But if i manually instanciate the compenent with javascript like this : it's correctly display the date, i only have this issue in one area of my MVC app,

I have not made a Ticket yet since I will begin by looking into general solutions.

The problem is simple. The grid just wont accept any updates from inline editing of the Grid. There seems to be some kind of Error that doesn't show up on normal Clients.

I have tried the Clear Cache solution but no go.

Any ideas on this? Btw, the same problem exists on your Demo Grid.

I am receiving a timeout error via an AJAX call when using Kendo with MVC.  The result set is a large set of records approx 250K with 14 fields though I would not expect this to timeout.  Any ideas why this might be happening?

Hello.
I just updated to the latest version of Kendo UI for ASP.NET MVC (Q3 2012).
I noticed that some text boxes with both "required" and "readonly" attributes are not being validated anymore.
Here's what I have:

@{
   var materialHtmlAttributes = new Dictionary<string, object>();
   materialHtmlAttributes.Add("class", "k-textbox");
   materialHtmlAttributes.Add("readonly", "readonly");
   materialHtmlAttributes.Add("data-bind", "value: item.Material.Description");
   materialHtmlAttributes.Add("validationMessage", "The Material field is required.");
   materialHtmlAttributes.Add("required", "required");
}
@Html.TextBox("materialInputText", null, materialHtmlAttributes)

With the previous version of Kendo UI, this worked fine and the field was validated correctly, even being read-only. Now, this does not work anymore, the field is no longer validated. If I remove the read-only attribute, then it works.
It is important that the field remains read-only, because the value is set according to a selection made by the user in a list.

Is there a reason for this to not work anymore? Do I have to make some adjustments?

Thank you.

My scenario is upon the user selects a node, the ID of the node will be pass on the grid. I can now get the selected no but I have no clue in passing the id to the grid's column.