問題タブ [kendo-ui-splitter]

KendoUI Splitter コンテナに追加する HTML がいくつかあり、それにブートストラップ css が割り当てられています。HTML がスプリッターの外側にある場合、スタイルは正常に機能しますが、スプリッターの内側にあると壊れます。

どうすればこれを解決できますか?

問題を示す簡単なフィドルを次に示します: http://jsfiddle.net/codeowl/9Ag3X/17/

コードは次のとおりです。

Javascript は次のとおりです。

CSSは次のとおりです。

Chrome 開発者ツールを使用すると、分割パネルの div がレンダリングされると、k-widget クラスが割り当てられることがわかりました。開発ツールで div を編集し、k-widget クラスを削除すると、フォームが正常に表示され、表のセルに 5px のパディングが挿入され、テキスト入力の間にスペースが挿入されます。

しかし、ブートストラップ スタイルを破る k-widget クラスの内容を正確に絞り込むことはまだできていません。

お時間をいただきありがとうございます。

よろしく、

スコット

ユーザーがカスタマイズ可能な Kendo UI を使用して Web ページをプログラミングしています。ここで、レイアウトを保存して、サーバーがユーザーに最後のレイアウトを送信できるようにします。

Kendo UI ウィジェットの Splitter を使用します。スプリッターの位置を取得するにはどうすればよいですか。size() というメソッドを使用してペインのサイズを設定できますが、値を取得するにはどうすればよいですか。

http://docs.telerik.com/kendo-ui/api/web/splitter#methods-size

Kendo-UI スプリッターの最初のペインの後に Angular がデータをバインドしない理由を理解するのに苦労しています。

関連する HTML は次のとおりです。{{formData.hello}} を無関係に使用して、問題が発生した場合を示します。

上記は「A = Hello world」「B = Hello world」ですが、「C = {{formData.hello}}」「D = {{formData.hello}}」です。

2 番目のペイン (「C =」を含む div) が削除され、スプリッターにペインが 1 つしかない場合、期待どおりに「D = Hello world」が表示されます。

Javascript は次のとおりです。

プランカー:剣道スプリッター問題

ただし、ID「idLeftRight」のdivを次のように変更すると:

それは動作します。

kendoSplitter() が kendo-splitter と異なる動作をするのはなぜですか? 私は何か間違ったことをしていますか？

Kendo UI Splitter で作成したいレイアウトを取得しようとして、本当に苦労しています。私がやろうとしているのは、右側のペインと上部と下部のペインを持ち、右側のペインが上から下にあり、下部のペインで切り取られていないことです。以下は、私が達成しようとしていることの図です。RazorまたはJQueryを使用してこれを行う方法の例を誰かが提供できれば、それは大歓迎です。

前もって感謝します。