問題タブ [kendo-tabstrip]

剣道タブストリップに複数の画像を追加する方法があるかどうか誰か教えてもらえますか?

(スプライトは追加したくありませんが、クリック イベントに異なる方法でアクセスできる 2 つの異なる画像です。)

部分ビューで定義された剣道スケジューラーがあります。この部分的なビューは、剣道モバイル タブストリップに表示されます。

問題は、スケジューラーが空のコンテナーの背後に表示されているように見えることです。携帯電話（iPhone 5）で試してみると、スケジューラーヘッダーのごく一部しか表示されないためです。

JavaScript で Databound イベントをフックし、「デバッガー」ブレーク ポイントを設定すると、「モバイル」バージョンがレンダリングされていることがわかります (携帯電話での表示をシミュレートするために Google Chrome 開発者ツールを使用しました)。イベントの実行、一部の div または他のコンテナーがスケジューラーを部分的にカバーしています。

スケジューラの定義で「.Mobile()」属性を指定しないと、それに応じて電話に表示されます。しかし、レンダリングされるのはモバイル版ではなく、モバイル版にしたいのです。

空のスケジューラーを表示しようとしましたが、どちらも機能しません。

私が間違っていることのアイデアはありますか？

不足している情報がある場合は、お気軽にお問い合わせください。

ありがとうございました。

部分的なビュー:

タブストリップの定義:

部分ビューのコントローラー

スケジューラーのデータを返すコントローラー

LoadContentFromのメソッドを使用しKendo TabStripています。これにより、タブストリップが別の からコンテンツをロードできますaction method。

ユーザーがリンク、タブをクリックしたときにのみコンテンツが読み込まれるため、回避したい短い遅延が発生します。このコントロールの熱心な読み込みを有効にして、すべてのタブを一度に読み込む方法を見つけることができませんでした。提案や回避策は大歓迎です。

これはタブストリップの例です:

アップデート

@joaumg のおかげで、これは私が使用している JS コードです。

Reloadメソッドがジョブを実行してタブをロードし、$('#tabstrip ul li')セレクターがすべてのタブの配列を返します。

剣道タブストリップのすべてのタイトルを取得するには、js.how で剣道タブストリップのタイトルを取得したいです。

だから、私は私のjsですべてのスパン要素のタイトルを取得したいのですか?それを取得する方法?

非常に具体的な問題があります。左のタブストリップ ナビゲーションがある剣道ウィンドウがあり、各タブ内にフォーム ウィザードがあります。フォームはブートストラップを使用して各フォーム入力を列化しています。

私は 'col-xs-6' を使用しています。これは 2 つのフォームを互いにインラインにする必要がありますが、そうではありません。このソリューションのコンテナ流体divをこことここに配置しようとしました（ハックしましたが、機能しませんでした）ウィンドウの幅のサイズを変更しようとしましたが、2つのフォームはまだ互いに折りたたまれています。

これに対する唯一の解決策は、列を「col-xs-5」に変更することですが、「xs」が決して折りたたまれず、col-xs-6 が div 幅の 50% を占めると想定されている場合、なぜそれはスタッキング？助けてくれてありがとう！

望ましいソリューションのイメージ:

これが私のコードです：