【问题标题】:How to apply classes to parent and child nodes of kendo treeview如何将类应用于剑道树视图的父节点和子节点
【发布时间】:2016-02-17 14:32:29
【问题描述】:

如何将 CSS 类添加到 Kendo 树视图的父节点和子节点?

我试过了:

@(Html.Kendo().TreeView()
      .Name("Countries")
      .DataTextField("CityName")
      .Checkboxes(checkboxes => checkboxes
          .Name("cityCheck")
          .CheckChildren(true)
      )
      .BindTo((IEnumerable<CountryModel>)ViewBag.Country, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
      {
          mappings.For<CityModel>(binding => binding.ItemDataBound((item, parent) =>
          {
              item.Id = parent.Id.ToString();
              item.Text = parent.Name;
              item.HtmlAttributes.Add("class", "citycheck");
          })
          .Children(p => p.City));
          mappings.For<CityModel>(binding => binding.ItemDataBound((item, child) =>
          {
               item.Id = child.Code;
               item.Text = child.Name;
               item.HtmlAttributes.Add("class", "citycheck");
          }));
      })
)

但是,它没有应用类。

请让我知道我在哪里犯了错误。

【问题讨论】:

    标签: jquery kendo-ui kendo-asp.net-mvc telerik-mvc kendo-treeview


    【解决方案1】:

    我在问题中发布的代码现在可以正常工作了。

      @(Html.Kendo().TreeView()
      .Name("Countries")
      .DataTextField("CityName")
      .Checkboxes(checkboxes => checkboxes
          .Name("cityCheck")
          .CheckChildren(true)
      )
      .BindTo((IEnumerable<CountryModel>)ViewBag.Country, (Kendo.Mvc.UI.Fluent.NavigationBindingFactory<TreeViewItem> mappings) =>
      {
          mappings.For<CityModel>(binding => binding.ItemDataBound((item, parent) =>
          {
              item.Id = parent.Id.ToString();
              item.Text = parent.Name;
              item.HtmlAttributes.Add("class", "citycheck");
          })
          .Children(p => p.City));
          mappings.For<CityModel>(binding => binding.ItemDataBound((item, child) =>
          {
               item.Id = child.Code;
               item.Text = child.Name;
               item.HtmlAttributes.Add("class", "citycheck");
          }));
      })
    

    )

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-03-09
      • 1970-01-01
      • 1970-01-01
      • 2015-03-20
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多