ASP.NET MVC剣道UI Treemap - データ？

Question

誰もがASP.NET MVCで剣道のTreemapのデータを設定する方法を知っていますか？ 私はこの（C＃リスト）のようなリストを持っている：ここでは

Item | Count 
------------------ 
Item 1 | 4 
Item 2 | 7 
Item 3 | 2 
Item 4 | 9 

はデモサイト（http://demos.telerik.com/aspnet-mvc/treemap）フォームCSHTMLの一部です：

私は値を設定することができます

@(Html.Kendo().TreeMap() 
     .Name("treeMap") 
     .DataSource(dataSource => dataSource 
      .Read(read => read 
       .Action("_PopulationUSA", "TreeMap") 
     ) 
      .Model(m => m.Children("Items")) 
    ) 
     .ValueField("Value") 
     .TextField("Name") 
     .HtmlAttributes(new { style = "height:600px; font-size: 12px;" }) 
) 

？

ありがとうございます。

Answer 1

これは良い質問です。そのデモでは、データの入力に使用されるコントローラメソッドは示されていません。私はHierarchicalDataSourceを使用していて、自己参照のコレクションプロパティを持つ任意のカスタムName/Valueクラスをサポートしていると思います。デモのコントローラーが何をしているのかを見るためにデモをダウンロードする必要があると思いますが、私はあなたのためにそれを試していきます。サーバーバインディングは、署名を知っていれば、実際には非常に簡単です。ここでは、Itemsプロパティが親と子の再帰的関係であると仮定しています。この場合、国家の都市です。

HierarchicalDataSourcehereを使用するjQueryの例がありますが、その方法を使用する必要はありません。

データが階層的でない場合、単純な名前/値ペアのリストを送信し、TreeMap UI設定のModelプロパティを削除することができます。

モデル：

public class MyModel 
{ 
    public string Name{ get; set; } 
    public int Value{ get; set; } 
    List<MyModel> Items{get;set;} 
} 

[コントローラ方法：

public class MyController : Controller 
{ 
    [OutputCache(NoStore = true, Duration = 0)] 
    public ActionResult GetMyTreeMapData(int someID, [DataSourceRequest] DataSourceRequest request) 
    { 
     List<MyModel> items = new List<MyModel>(); 
     items=SomeMethodToRecursivelyFillYourParentAndChildren(); 
     return Json(items.ToDataSourceResult(request), JsonRequestBehavior.AllowGet); 
    } 
} 

UIバインディングは：

@(Html.Kendo().TreeMap() 
     .Name("treeMap") 
     .DataSource(dataSource => dataSource 
      .Read(read => read 
       .Action("GetMyTreeMapData", "MyController") 
     ) 
      .Model(m => m.Children("Items")) 
    ) 
     .ValueField("Value") 
     .TextField("Name") 
     .HtmlAttributes(new { style = "height:600px; font-size: 12px;" }) 
)