問題タブ [kendo-tabstrip]

閉じるボタン付きの剣道タブストリップがあります。問題は、そのタブを閉じるためのボタン クリック イベントを取得できないことです。

Bootstrap Grid システムを使用して、Teleriks KendoUi TabStrip コンテンツ内を整理したいと考えています。最初の 2 行は 10 列単位を使用し、3 行目はそれぞれ 5 列単位の 2 つの要素を持ちます。最初の 2 行では、2 x 5 単位の列を合計しても 10 単位の幅にならないようです。TabStrip の外で動作しています。質問は次のとおりです。動作の違いをどのように修正しますか? ここにサンプルがあります: http://jsbin.com/xiherudoji/edit?html,output

3 つのタブがあり、ページに既に存在するセクションのコンテンツをこれらのタブに入力したいと考えています。

私のタブストリップ:

Javascript:

Kendo TabStrip コードを使用して、これらのタブでカスタム セクションを使用するにはどうすればよいですか? 教えてください。

乾杯。

Kendo Tab Strip を実装しようとしていますが、ui-router を適用してタブの内容を表示します。タブ ストリップを表示することはできますが、UI ビューを使用してコンテンツを表示することはできません。これらのアイテムを連携させる方法の例を誰もが持っています。

私のhtmlのサンプル。

こんにちは私は kendo ui を使用しています。タブストリップを含む jsp ページが 1 つあります。そのタブの 1 つは、より多くのタブを含む他の jsp ファイルです。しかし、エラーが発生しています *

NotSupportedError: 'Document' で 'registerElement' を実行できませんでした: タイプ 'kendo-surface' の登録に失敗しました。その名前のタイプはすでに登録されています。BidsScreenUpdated.jsp 内

*

だから、私はjsで剣道をやっています。タブストリップを使用したいのですが、スタイルが設定され、他の要素を含むヘッダーにタブを含めたいので、タブリストと関連する div を分離する方法があるかどうか疑問に思っています。私はこのようなものを探しています:

ただし、私が見つけることができるすべてのサンプルコードは、関連する div をリストの直後に配置するだけのように見えるため、div の順序はリストの順序に対応しています。この種のことを達成する方法はありますか？

編集:明確にするために、ヘッダーの外側にtabcontent div を表示する方法を探しています。実際の divがhtmlのどこにあるかはあまり気にしませんが、ページ上で生成されたときに表示される場所です。

angular ng-repeat と ui-router で Kendo タブストリップを使用しています。タブストリップは、入力に基づいて異なる組み合わせと異なる数のタブを持つことができます。angular ng-repeat を使用してタブを動的に追加しながら、各タブに異なる ui-sref および ui-view 名を付けることができます。

したがって、このコードは各タブに個別の ui-view を提供します。タブには 150 種類のビューを表示できます。そのため、ルーター ファイルにビュー名をハード コードすることはできません。ビュー名のパラメーターを受け入れるためにルーターが必要です。または、少なくとも何らかの方法でルーターにhtmlを入力するビューを知らせることができます。

ビュー名を何らかの方法で動的にすることは可能ですか? アプリケーションには、絶対的な ui-view が定義され、完全に機能する他の部分があります。この部分のビュー名を動的にするために行った変更は、アプリケーションの他の部分に影響を与えるべきではありません。相対ビューを使用してこれを達成できますか? すべての助けをありがとう。

また、ng-repeat を使用して動的に kendo-tab-strip にタブを追加する場合、タブストリップに単一の ui-view="details" を指定できますか。すべてのタブの状態と同様に、詳細ビューに入力します。

これを行うと、最初はすべてのタブが正常にロードされますが、タブを深く掘り下げようとすると、たとえば、5 番目のタブを深く掘り下げようとすると、5 番目のタブのコンテンツは正常にロードされますが、表示されません。タブがアクティブとして表示されていても (追加時に k-state-active を適切なタブに送信することで、どのタブをアクティブに表示するかを決定する関数として ng-class を使用しています)。

以下のように、異なるタブに異なるビューを動的に定義すると、

次に、特定のタブがクリックされたときにどのビューを設定する必要があるかを状態ルーターに伝える方法を知りません。同様に、3 番目のタブがクリックされたとき、指定された対応する ui-view は ui-view="third" であり、4 番目のタブがクリックされたとき、指定された対応する ui-view は ui-view="fourth" などです。 ui-router で動的に表示しますか?

すべての助けをありがとう。