問題タブ [knockout-3.0]

次のモデルで 3 つの選択をロードしています。

HTML:

select id="make" モデルの変更 (foreach) を変更するたびに、最初の値ではなく select id="type" の値を変更するたびに、これを達成しようとしています。何か助けはありますか？ありがとうございました

次のデータで動的な列配列を描画するために、ノックアウト.リピートを使用しています:

データは、ノックアウト マッピングを使用して次の方法で割り当てられます。

次の方法で：

私が抱えている問題は、6 列で 95 行をレンダリングするのに 30 秒近くかかることです。

• パフォーマンスのトラブルシューティング方法を教えてください。
• ツールはありますか？
• 同様のシナリオでパフォーマンスを最大化するためのガイドラインはありますか?

Chrome タイムライン:

更新:プレッシャーがかかっていたので、reactjs でテーブルを書き直しました。これにより、多くの問題が解決され、わずか 1.5 秒でレンダリングされます。

ユーザーがノックアウトコンポーネントで管理リンクなどを表示できないようにする最善の方法は何ですか?

ユーザーがこれらのリンクを表示する権利を持っている場合、クライアントにこのセクションが公開されるため、クライアント要求を行いたくありません。

私がそれを理解できる唯一の方法は、ビューを使用してコンポーネントテンプレートを表し、 HTMLをレンダリングする前にサーバー側でユーザーが正しいかどうかを確認することです。

しかし、これよりもクリーンな別の方法はありますか、それとも正しい方法ですか?

配列内の配列を埋めるこのグリッドがあります。1 つの配列に従って作成し、その列を別の配列で埋めます。

私がする必要があるのは、列 1 の前に新しい列を作成し、$index() + 1 を追加することです。そうしないと、行番号がその列に機能します。

私はすべてを見てきましたが、機能するものは何も見つかりませんでした。

どうすればいいですか？

foreach ステートメント内でアイテムをループしています。ページの読み込み時に、デフォルトで最初の項目を選択しています (data-bind="css: { selected: $index() == 0 }"):

HTML:

CSS:

私の質問は、クリックされたアイテム（.selected）を選択し、最初のアイテムから選択可能なクラスを削除して、他のアイテムを選択可能にする方法です

jsfiddle: http://jsfiddle.net/diegopitt/g57qs9a7/

$index関数にand$dataを渡しchange_modelます。この関数には、次の順序で 2 つのパラメーターが必要です: (index, data)。

私が渡しているviewModelからclick: $root.change_model.bind($data, $index())。関数の中で、indexprint $data、およびdataprint index: 値が逆になります。