問題タブ [knockout-templating]

テンプレートをビューにバインドしようとしています。しかし、ID エラーのテンプレートを取得し続けます。

テンプレート：<script type="text/html" id="Template">
//some html markup </script>

意見 ：<div data-bind="template: {name: 'Template'}"></div>

そのため、監視可能な配列にコンテンツを追加しようとしていますが、更新されません。問題は最初のレベルのコンテンツではなく、サブ アレイです。小さなコメント欄です。基本的に、私はコメントを宣言するためにこの関数を持っています

idフィールドごとにオブジェクトを取得する関数があります

ここに私のコメントが表示されます

そしてonEnterSubComment問題のイベント形態は

初期化中に（関数の外で）同じ操作を試みると、正常に動作するので興味深いです。

誰かがこれで私を助けることができれば、私はちょっと立ち往生しているので:(

このコード例では、最終的にウィンドウに表示されるノックアウトからdataノックアウトにパラメーターを渡す方法を探しています。templatedata-bindmodal

結果は、削除する参加者に基づいて参加者の名前を表示するモーダル ウィンドウになります。

現在、名前を手動で入力する必要があります。自動的にバインドするにはどうすればよいですか?

添付の例では、ツリー構造を表示できるネストされたソート可能オブジェクトがあります。

目標は、新しい子が追加されたときに構造を拡張して、変更を可視化することです。

関数は、新しいアイテムが追加されたときに自動的に構造を展開しますが、展開するのは 2 番目の子を追加した後のみであり、 1 番目の子を追加した直後に展開する必要があります。

テンプレートに何か問題があるか、単純な jQuery + CSS トリックで問題を解決できる可能性がありますが、正しいものが見つかりません。

テーブル内でコンテンツをドラッグして編集できる流動的なレイアウトを作成するときに、問題が発生しました。

ハイパーリンクをクリックすると<a></a>、セルの内容が編集可能な入力ボックスに置き換えられます。

これは完了しますが、セルのサイズが変更され、元のレイアウトが崩れます。

クリック後にセル サイズが変化しないようにする必要があります。CSS を編集して Bootstrap クラスを追加することで、これを実現できるはずです。

ここでは、Knockout sortable を使用するコードに取り組んでいます。ネストされた sortable を 3 レベル以上の深さで表示する必要があります。

データはテンプレートに渡されますが、一部の要素はドロップ後に元の位置に戻ります (たとえば、最上位レベルの A,B 要素)。

ネストされたソート可能を構成して、最上位レベルもエラーなしで使用できるようにするにはどうすればよいですか?

エラー：

knockout-sortable.js:244 Uncaught TypeError: sourceParent.splice は関数ではありません

また

knockout-sortable.js:252 Uncaught TypeError: targetParent.splice は関数ではありません

JSFiddle - 同様の作業例

最初の次元 (テーブルの行) と 2 番目の次元 (行のセル) を持つ 2 次元の並べ替え可能なコンテナーを作成しています。

セルは、行内、既存の行、動的に作成された新しい行にドラッグできる必要があります。空の行は動的に削除する必要があります。セルは、行内のすべてのスペースを占めるように構成されています。

カスタム Knockout ソート可能バインディング (updateイベントなど) を編集するには?

前：

後：

更新の問題:

• セル ( .sortable-cell) を新しい行 ( .sortable-table/ .sortable-row) にドラッグすると、viewModel は更新されますが、UI は更新されません
• セル ( ) を新しい行 ( / ).highlight-horizontalにドラッグすると、プレースホルダー ( ) が表示されない.sortable-cell.sortable-table.sortable-row