剣道メニューを剣道のパネルのヘッ​​ダーに追加することはできますか？

Question

誰かが私たちを助けることができますか？私たちのクライアントは、 "备考"の横にある剣道のパネルのヘッ​​ダーに剣道メニューを持っています。どうすればこれを達成できますか？どうもありがとうございます！以下は

は、私たちのコードです：

@(Html.Kendo().PanelBar() 
     .Name("AnnotationRemarks") 
     .HtmlAttributes(new { @class = "pnlAnnotationRemarks" }) 
     .Items(items => 
     { 
      items.Add() 
       .Text("Instructions") 
       .HtmlAttributes(new { @class = "annotationPanelHeader" }) 
       .Content(@<text> @(InstructionsList()) </text>); 
      items.Add() 
       .Text("Remarks") 
       .HtmlAttributes(new { @class = "annotationPanelHeader" }) 
       .Content(@<text> @(RemarksList()) </text> 

       ); 
     }) 
     .ExpandMode(PanelBarExpandMode.Multiple) 
     .Events(e => 
     { 
      e.Expand("OnPanelExpand"); 
      e.Collapse("OnPanelCollapsed"); 
     }) 
     .Animation(a => 
     { 
      a.Collapse(c => c.Duration(0)); 
      a.Expand(e => e.Duration(0)); 
     }) 
    ) 

Answer 1

純粋なMVCコンポーネントでこれをachievすることは不可能です。私が想像できる最も近いことは、kendoPanelBarテンプレートの中にkendoTabstripかkendoMenuを置いて、 "Remarks"ヘッダを保持することです。

一方、jQueryで実装することは可能です。 kendoPanelBarのレンダリング後、ヘッダ要素を見つけて、必要なコンテンツやウィジェットに変更する必要があります。

EDIT：

ここ

<UL> ...からJavaScriptでpanelbarビルドで例がある</UL >テンプレート：http://dojo.telerik.com/Ozisu

それは単にpanelbarヘッダーにメニュー構造を置き、使用しています。

$(document).ready(function() { 
    $("#menu").kendoMenu(); 
}); 

からメニューを作成する。

MVCのパネルバーには、html（）メソッドを使用して、メニュー構造をPrzemysławKleszczのようにヘッダーに貼り付けると答えました。

Answer 2

は、以下のことを試してみてください。

@(Html.Kendo().PanelBar() 
    .Name("AnnotationRemarks") 
    .HtmlAttributes(new { @class = "pnlAnnotationRemarks" }) 
    .Items(items => 
    { 
     items.Add() 
      .Text("Instructions") 
      .HtmlAttributes(new { @class = "annotationPanelHeader" }) 
      .Content(@<text> @(InstructionsList()) </text>); 
     items.Add() 
      .Text("Remarks") 
      .HtmlAttributes(new { @class = "annotationPanelHeader" }) 
      .Content(@<text> @(RemarksList()) </text>); 
     items.Add() 
     .Text("Menu") 
     .HtmlAttributes(new { @id = "annotationPanelHeaderMenu" }) 
    }) 
    .ExpandMode(PanelBarExpandMode.Multiple) 
    .Events(e => 
    { 
     e.Expand("OnPanelExpand"); 
     e.Collapse("OnPanelCollapsed"); 
    }) 
    .Animation(a => 
    { 
     a.Collapse(c => c.Duration(0)); 
     a.Expand(e => e.Duration(0)); 
    })) 

とjQueryの一部：

$(document).ready(function() { 
    $("#annotationPanelHeaderMenu").html('<ul id="menuExample"><li>Test1</li><li>Test2</li><li>Test3</li></ul>') 
    $("#menuExample").kendoMenu(); 
}); 

は限り私は純粋なMVCラッパーのための解決策はありません知っています。