問題タブ [x-editable]
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.
ruby-on-rails - Rails Bootstrap X編集可能
Railsアプリで、テキストと数字用にBootstrap x-editableが機能しています。しかし、私は働く日付を得ることができませんでした。
gem 'bootstrap-editable-rails' を使用しています。
これはビューコードです:
これはコーヒースクリプトです：
コンソール エラー:
私はPGを使用しており、eststartdateタイプは日付です。したがって、日付形式「yyyy-mm-dd」は正しいと思います。フィールドの例は として表示され2013-08-26ます。
助けてくれてありがとう！
更新1
何か違うことを試してみようと思いました。ただし、日付ピッカーではなくテキスト フィールドが表示されます。
コードを表示:
コーヒースクリプト:
javascript - x-editable-bootstrap select2 タグ - 読み込みインジケーターが永遠に回転し続ける
x-editable-bootstrap Meteorite (およびブートストラップ) パッケージがインストールされた Meteor を使用しています。
select2 タグを編集可能に設定すると、ローディング インジケータが永久に回転し続け、タグ入力ができなくなります。たくさん試しました、誰かが助けてくれることを願っています!
私のテンプレートには
私のTemplate.renderedには、jQueryのon-dom-ready関数があります
これにより、点線でページにデフォルトの要素が作成されます。要素をクリックすると、x-editable ポップアップ ウィンドウが表示されますが、入力フィールドは読み込まれず、読み込みインジケータが回転し続けます。
コンソールに次のエラーが記録されます。
TypeError: 'undefined' is not a function (evaluating 'this.$input.select2(this.options.select2)')
のx-editable-bootstrap.js:3683
テキストフィールドの を削除するとロードされますが、タグ機能がないtype:'select2'ことがわかりました。editable({..})
何か案は？ヒントをありがとう！他の x-editable タイプは、上記のコード パターンを使用して魅力的addressに動作します!text
jquery - 区切り記号 ' ' (1 つの空白) を持つタグのデータ値は 1 つとして解釈されました
select2タグを編集するために withを使用しようとしていx-editableましたが、そのためにいくつかのデフォルトを上書きしました: セパレーターを ' ' に設定します (デフォルトはコンマです)。
data-value="what,no,alright,sha e b r"実際には 4 つのタグになるように設定しました: what,no,alright,sha e b r. しかし、それは表示された 1 つのタグであることが判明しましたwhat,no,alright,sha,e,b,r。
js コードは次のとおりです: http://jsfiddle.net/MYDJ9/5/
何か明確にする必要がある場合はお知らせください。ありがとう。
php - 入力タイプがselect2の場合、x editable内に画像を表示する
select2のformatSelectionで生成されたx-editable html imgの表示に問題がありました。
Select2 ドロップダウンは画像を正しく表示しますが、x-editable は表示しません。
私は持っている：
その結果、表示する編集可能なものがあります
画像 et1.png を表示する代わりに純粋なテキストとして。
この理由は、select2 formatSelection から取得したテキスト (純粋またはフォーマット済み) を $(element).text(text) を介してテキストとして編集可能なコンポーネントに割り当てる x-editable です。
フォーマットされたテキストが $(element).html(text) によって割り当てられた場合、テキストの代わりに画像が表示されます。
x-editable が正しい html 形式のコンテンツを要素テキストに割り当てるには、これを回避する最善の方法は何でしょうか?
javascript - X-Editable: 「クリックして編集」で伝播を停止
それ自体がクリック可能なdiv内に編集可能な要素があります。x-editable アンカー要素をクリックするたびに、クリックによって DOM がバブルアップし、親 div のクリックがトリガーされます。どうすればそれを防ぐことができますか? jQuery でこれを停止できることはわかっていstopPropagation()ますが、このメソッドをどこで呼び出すのでしょうか?
問題のある JSFiddle は次のとおりです: http://jsfiddle.net/4RZvV/。編集可能な値のクリックを複製するには、含まれている div がクリック イベントをキャッチすることがわかります。これは、x-editable ポップアップの任意の場所をクリックしたときにも発生し、それも防止したいと考えています。
lightswitch05 の回答後に編集
選択可能な複数の動的 DIV があるため、グローバル変数を使用できませんでした。.editable-click代わりに変更されるアンカーに属性を追加しました。
editable-activeポップアップが開いているかどうかを知るために使用されます
editable-activateable代わりに、その.editable-clickアンカーをそのまま扱う必要があるかどうかを知るために使用されます
チェックはあなたが説明したのとほとんど同じです