問題タブ [knockout-3.0]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
25 参照

jquery - クリック時に再利用されたビューをアニメーション化する

再利用したビューがあり、ユーザーがページを変更していると思うようにクリック イベントを提供します。これは私が必要とするものにはうまく機能しますが、ビューにはすべて同じテキスト、画像があるため、ユーザーは何も変更されていないと考え、選択が行われませんでした。ユーザーが画像をクリックしたときに UI をアニメーション化するにはどうすればよいですか?

0 投票する
1 に答える
489 参照

javascript - jqxDropDownList with knockout cannot bind selectedvalue

I am trying to bind a jqxDropDownList selected value with a ko.observable and I can't figure out what is wrong. It is working with regular <select> tags and it is not working with <div> element, as I am showing in the HTML bellow. I need to replace <select> with jqwidgets dropdownlist and bind accordingly as stated in the working code.

(not working): In the bellow markup there is no way of binding the value with selectedMake as in the working example *2.

2* HTML (working):

Please take a look: jsfiddle.net/euto6vmj

0 投票する
2 に答える
136 参照

javascript - Knockout.js は冗長すぎますか?

私は Knockout にまったく慣れていないので、結果の DOM に表示される方法に少し驚いています。

data4 つの属性を 1 行と 1 つのクラスに追加していますが、生成された HTML マークアップを調べてデバッグすると、物事が冗長になり始めていることがわかりました。

このようなことを達成したい場合:

結果として得られる HTML マークアップでは、時間が長すぎます。

結果のマークアップに多くの隠しデータ (またはロジック) が表示されるため、DOM の検査が少し難しくなります。

これは、これらの種類のフレームワークでは正常ですか? (ember.js、angular.js...) それとも、knockout.js 特有のものですか?

この種の「重複」を防ぐ方法はありますか?

0 投票する
1 に答える
467 参照

knockout.js - knockout.js で foreach が終了した後にアクションを起動する

このトピックに関するthis questionthis other oneを見てきましたが、どれも私の問題を解決していないようです。

テーブルの各行内の要素の javascript プラグイン (BootStrap javascript ツールチップ) を初期化しようとしています。

そのためには、テーブルを DOM でレンダリングする必要があります。そして、そこが問題です。私の知る限り、knockout.js はforeachテーブル全体をいつレンダリングしたかを知る適切な方法を提供していません。

投稿した最初のリンクで提供されているソリューションを適用して解決しようとしましたが、これはカスタム バインディングを作成することによって行われましたが、私の場合はうまくいきません。AJAX呼び出しからAPIを呼び出してデータを表示しているためだと思います。

問題の再現

afterRenderKnockout.js によって提供されるコールバックをケースに使用しないことをお勧めforeachします。これは、プラグインを最後に 1 回だけではなく、反復ごとに初期化する必要があるためです。

私が見つけた唯一の解決策はsetTimeout、ツールチップ プラグインを適用する前に , を適用することでしたが、理想とはほど遠いものです。

tooltipもう 1 つの解決策は、API からデータを取得した後にプラグインを呼び出すことでした。

それに対するより良いアプローチはありますか?

0 投票する
1 に答える
381 参照

javascript - KnockoutJS: Click-Bound Anchor-Tag 内のチェックボックスを選択できない

checkedそれ自体がバインドされているアンカータグ内にあるチェックボックス入力にバインドしようとしていますclick

これが完全に有効ではない可能性があることは承知していますが (インタラクティブなコンテンツはアンカー タグの子孫ではない可能性があります)、意図したとおりに機能させたいと考えています。

現在、外部clickイベントのみが処理され、クリックがチェックボックスに到達することはありません。

私が達成しようとしているものの例はここにあります: http://jsfiddle.net/fzmppu93/2/

KnockoutJS のドキュメントに目を通して、clickBubble: trueアンカー タグのclickバインディングを試してみましたが、役に立ちませんでした。

興味があれば、使用例はリンクを含む順序付けられていないリストです。これらの「リンク」のそれぞれには、テレビ番組に関する情報 (タイトル、俳優、画像、概要) が含まれています。ショーは選択可能ですが、見たものとしてマークしたり、スターを付けたりするための「クイックアクション」もあります。

アンカータグ内でチェックボックスを機能させる別の方法はありますか?