0

Kendo UI MVC 拡張機能を使用しています。ページに 1 つのツリービューがあります

<script type="text/x-kendo-tmpl" id="template">
    <div class="form">
        <h3>${Name}</h3>
    </div>
</script>

@(Html.Kendo().ListView(Model)
      .Name("formsList")
      .ClientTemplateId("template")
      .TagName("div")
      .BindTo(Model)
      .DataSource(dataSource => dataSource
      .Model(model =>
          { 
              model.Id(p => p.Id);
              model.Field(p => p.Name);
              model.Field(p => p.Fields);
          }))
      .Pageable()
      .Selectable(selectable => selectable.Mode(ListViewSelectionMode.Single))
      .Events(events => events.Change("onChange")))

アイテムをクリックするとFields、モデルのプロパティを下の別の TreeView に表示します。

これまでのところ、私はそのようなコードを持っています

<script type="text/javascript">
    function onChange(arg) {
        var dataSource = $("#formsList").data("kendoListView");
        var index = dataSource.select().index();
        var dataItem = dataSource.dataSource.view()[index];

        alert(dataItem.Fields);
    }
</script>

選択した dataItem の Fields プロパティを取得できますが、それを 2 番目の TreeView に渡すにはどうすればよいですか?

4

1 に答える 1

1

原則として、選択したアイテムを2番目のKendo TreeViewのデータソースとして割り当てるか、最初のTreeViewで使用されるデータソースに直接割り当てる必要があります。（あなたはツリービューについて質問していて、例はリストビューを示していますか？）

<div id="treeview"></div>
<script type="text/javascript">

var myDataSource = new kendo.data.DataSource({
                        data: dataSource.dataSource.view()[index]});     
$("#treeview").kendoTreeView({
                  dataSource: myDataSource 
                }).data("kendoTreeView");
于 2012-11-05T16:45:32.280 に答える