根据网格之外的另一个Kendo DropDown的值,在Kendo Grid中绑定Kendo DropDown

时间:2017-09-19 19:01:24

标签: asp.net-mvc kendo-ui

我有一个Kendo Grid和两个Kendo DropDownLists。一个位于网格外(类别下拉列表),另一个位于网格内(子类别下拉列表)。

现在我想以下面的方式加载这个Kendo Grid:

  1. 在网格外部的类别DropDownList的更改事件中,基于此选定值,将填充网格内的子类别下拉列表并显示网格。
  2. 这里我们如何阅读类别下拉列表更改事件的网格下拉列表。我有json方法来获取网格下拉列表的值。是否可以在change事件函数中调用此方法。

    .Cshtml

    public List<SelectListItem> SubCategoryList { get; set; }
    

    模型

    public ActionResult Index()
    {
      //here I want to set default value for grid dropdown since no value selected in category dropdown.
    
      _model.SubCategoryList.Insert(0, new SelectListItem() { Text = "Select Any", Value = "-1" });
    
      return View("CatView", _model);
    }
    
    public JsonResult GetSubCategory(int? categoryId)
        {
            try
            {
                var result = _Service.GetSubCategory(categoryId.GetValueOrDefault());
                var data = result.SubCategoryList.Select(s => new SelectListItem { Text = s.SubCategoryName, Value = s.ddlSubCategoryId.ToString() }).ToList();
                data.Insert(0, new SelectListItem { Text = "Select Any", Value = "0" });
                return Json(result.SubCategoryList, JsonRequestBehavior.AllowGet);
            }
            catch (Exception ex)
            {
                throw ex;
            }
        }
    

    控制器

    2017-09-19T18:50:49.490021+00:00 app[web.1]: > simple-weather-app@0.0.0 start /app
    2017-09-19T18:50:49.490022+00:00 app[web.1]: > node server.js
    2017-09-19T18:50:50.665027+00:00 app[web.1]: module.js:487
    2017-09-19T18:50:50.665042+00:00 app[web.1]:     throw err;
    2017-09-19T18:50:50.665043+00:00 app[web.1]:     ^
    2017-09-19T18:50:50.665045+00:00 app[web.1]: Error: Cannot find module '../models/location'
    2017-09-19T18:50:50.665046+00:00 app[web.1]:     at Function.Module._resolveFilename (module.js:485:15)
    2017-09-19T18:50:50.665047+00:00 app[web.1]:     at Module.require (module.js:513:17)
    2017-09-19T18:50:50.665044+00:00 app[web.1]:
    2017-09-19T18:50:50.665046+00:00 app[web.1]:     at Function.Module._load (module.js:437:25)
    2017-09-19T18:50:50.665048+00:00 app[web.1]:     at require (internal/module.js:11:18)
    2017-09-19T18:50:50.665049+00:00 app[web.1]:     at Module._compile (module.js:569:30)
    2017-09-19T18:50:50.665048+00:00 app[web.1]:     at Object.<anonymous> (/app/routes/index.js:4:16)
    2017-09-19T18:50:50.665050+00:00 app[web.1]:     at Object.Module._extensions..js (module.js:580:10)
    

    我也遇到了错误

      
        

    对象引用未设置为对象的实例。

      

    使用上面显示的Index()方法中的代码。

0 个答案:

没有答案