問題タブ [x-editable]

こんにちは、コード設定に次のリンクがあります。

これを初期化するためのJavaScriptは次のとおりです。

リンクをクリックすると、ポップアップが表示され、送信を押すだけで、ボタンを離す前にテキストフィールド内の値がクリアされるため、値が送信されないため、サーバーがエラーで応答します。

調査の結果、 data-type="typeaheadjs" を設定した場合にのみ発生することに気付きました。そのため、typeahead.js と初期値が null か何かに関係している可能性があります。

PS: この js の一部のみが現在ページにロードされており、残りは jquery 1.10、bootrstap 3、bootstrap-editable.js、typeahead.js、typeaheadjs.js (元の typeahead.js への追加) です。

コードスクリプトは次のとおりです。

「編集」ボタンをクリックすると編集モードでテキストボックスが表示され、ボタンのテキストが「編集」から「更新」に変更され、「更新」をクリックするとテキストボックスのデータが送信されます.

ありがとう。

この例では、ユーザーが行を編集したり、新しい行を追加したりする場合、テキスト領域 (説明列) の幅がtdの幅に従っていないことがわかります。そのため、いくつかの CSS を追加しましたが、変更はありません。 . では、 CSS を使用して幅をtdの 100% にする方法を教えてください。

これはコードです：

これは例です。

モデルのインライン編集可能なフィールドを表示するために、ブートストラップで x-editable-rails gem を使用しています。この特定のフィールドは、「アクティブ」と呼ばれるブール フィールドです。

モデルを表示するために、レールビュー（スリム）にこれがあります：

これは完全に正常に機能し、アクティブなフィールドの名前と true/false を含むエントリを生成します。

しかし、「true/false」は、ブール フィールドを表示するための少し洗練されていない方法であるため、これを glyphicon-ok / glyphicon-remove に変更したいと考えています。次のようにクラスを指定するだけで、表示するアイコンを取得できます。

ただし、これでも「真/偽」のテキストが残ります。それが表示されないようにするにはどうすればよいですか？

[更新] ボタンをクリックすると、ユーザーが必須フィールドとして検証され、属性e-requiredが追加されましたが、機能しませんでした。

このフィドルを参照してください: http://jsfiddle.net/NfPcH/669/

HTML:

JS コントローラー:

これを解決するのを手伝ってください。

ありがとう。

x-editable を使用して、ユーザーが自分自身を別のモデルに関連付けることができるようにします。スタイルは、ユーザーが関連付けられているモデルのタイプに基づいて変化します。

現在は動作していますが、css クラスはページを更新した後にのみ変更されます。

x-editable が新しい値を保存した後、css クラスをリセットするにはどうすればよいですか?

これは私の入力がどのように見えるかです->

基本的に再申請する必要がある

アップデート

x-editable-rails には実際にこれが組み込まれていることがわかりました。解決策は次のように書くことでした ->

しかし、 ajaxを使用して保存した後に要素を変更する方法はまだわかりません。

たとえば、私がやりたいことは、保存イベントの後、部分的な「進行状況」を再レンダリングすることです。

どうすればそれを行うことができますか？

問題は、x-editable をトリガーしてテキストエリアに変換するネイティブの「クリック時」イベントを無効にできないことです。ボタンだけがテキストをテキストエリアに変換できるようにしたいので、テキストをクリックできなくなります。

他の要素のクリックで x-editable をトリガーする方法に関する質問が見つかりました。しかし、ネイティブテキストのクリックを無効にして、他の要素のイベントのみを残す方法は?

問題のあるフィドルはここにあります：

この部分はうまく機能します：

しかし、ネイティブテキストのクリックを無効にしようとすると、うまくいかないか、ここで何か間違っていますか?

ここに私の問題のサンプルがあります: http://jsfiddle.net/jjdJX/64/

では、テキストエリアでネイティブの「クリック」イベントを無効にし、「EDIT TEXT」ボタンのみにトリガーを残す方法は?

これはhttps://stackoverflow.com/a/15121394/2247553のこの回答に対するフォローアップの質問ですが、StackOverflow の報酬システムのため、まだコメントできません。

私の質問は、コレクションの更新が Meteor で要求された後、サーバーが更新を拒否した場合に、編集可能なものを元の状態にリセットするにはどうすればよいですか?