問題タブ [backgrid]

私のグリッドビューでは、

コレクションの最後に新しいバックボーン モデル (ID のないモデル) を挿入すると、バックグリッドに新しい空白行が挿入されます。

その空白行の最初の入力セルにプレースホルダーを入れたいです。ドキュメントで同じものを見つけることができませんでしたが、幸いなことにコードで見つけました: https://github.com/wyuenho/backgrid/blob/master/lib/backgrid.js#L710

ただし、セルが編集モードになると、このプレースホルダーは初期化されます。

これはなぜですか？？

プレースホルダーは常に表示されている必要があり、フォーカスがその入力セルに移動した場合にのみ非表示にする必要があります。

しかし、ここバックグリッドでは、まさにその逆が起こっています。

問題を取り除く方法は？

空の入力バックグリッド セルのプレースホルダーを常に表示したい。そのセルが編集モードになった場合にのみ非表示にします。

次の場所からバックボーン ボイラープレートを使用して BackGrid を実装しようとしています: https://github.com/azat-co/super-simple-backbone-starter-kit

1. GridHandler.js というファイルを次のコードで作成します。

2.grid.html ファイルには、ID「example-1-result」の DIV が含まれています。

3. app.js で、次のようにビューを作成しました。

DIV タグ 'example-1-result' テンプレート コンテンツを持つ grid.html がコンテンツ エリアに割り当てられていても、グリッドは表示されません。

grid.render().el -> グリッド テーブルを適切に生成しました。

#content -> #example-1-result にグリッドが表示されないのはなぜですか?

「#example-1-result」はテンプレート ファイルにありますが、それが問題ですか?

別の方法での質問：

ビューからテンプレートにある DIV にデータを割り当てるにはどうすればよいですか?

すでに実装されているもの: Backgrid テーブルがtable1データベースからレンダリングされるページがあり (正常に動作しています)、Backgrid 内のほとんどのセルが編集可能です。既存の詳細をグリッドに表示し、同時に必要に応じて編集できるように、セルは編集可能なままになっています。空の行のセルの 1 つをダブルクリックすると、さらに新しい行を追加できます。

達成する必要があること:clientid現在 ID 番号のみを表示 する列 ( ) がありますがclient-name、そのセル内の既存の ID に基づいてセルを表示する必要があります。これら[clientid, client-name]はデータベースから取得さtable2れます。セルも編集可能であるため、ユーザーが を使用して適切なクライアントを選択できるようにしますBackgrid.Extension.Select2Cell。

この例を参照すると: http://backgridjs.com/ref/cell.html

はGender (SelectCell)、定義された optionValues に基づいて選択するオプションを表示します。同様に、選択オプションをドロップダウンとしてリストする必要があります (table2データベースから としてプルされます[clientid, client-name]) と同時に、セルの内容 (からtable1) は ID ではなくテキストを表示する必要があります...そのため、Maleそうではありませんm（m上記の例を参照）。

典型的な応答で以下を返す RESTful API を検討してください。

• 結果一覧
• ページネーション情報
• ナビゲータ (つまり、カテゴリ、サブカテゴリ、場所など)
• データのグラフ化

ビューでは、ナビゲーターが変更されるたびに、結果、グラフ、およびナビゲーターを更新する必要があります。

これらのコレクションをすべて更新する単一の fetch() が必要です。

私はすでにこれを行うことができましたが、クリーンではなく、これを処理するためのベストプラクティスを探しています。これは一般的なシナリオであると予想されるためです。それでも、私はこれについて多くを見つけることができませんでした。

Backgrid JS を使用していることに注意してください (回答に関連する場合)。

適切な用語を探していない可能性がありますが、これについて何か助けていただければ幸いです。

ありがとう！

バックボーン Web アプリにフィルター機能を実装しようとしていますが、まだエラーがあります。 意見

ルーター

コレクション

フィルターなしのテーブルは正常に機能していましたが、エラーが発生しましUncaught TypeError: Cannot read property 'Extension' of undefinedた。何が間違っているのかわかりません。助けてくれてありがとう。

Backgrid を使用すると、テーブル内の値を編集でき<input type="text">ます<td>。入力はに設定されてmax-width: 100%いますが、場合によっては列のサイズがさらに押し出されます。

例については、例セクションのグリッドを参照し、[人口] 列の項目をクリックしてください。クラスを取得するとeditor、そのパディングは 0 に設定され、 と の両方が<td>あり<input>ますbox-sizing: border-boxが、列の幅は依然として増加します。

ということは当時のままwidth: 100%の幅100％ということではないでしょうか？<td>それとも、CSS のみを使用してこれを機能させることは不可能ですか? バックボーン イベントを使用して td のサイズを取得し、入力を同じサイズに設定することもできますが、それは少しハックに聞こえます。

このドキュメント (モデル) のグリッドを表示したい:

私のjsファイルで..

タグは [object Object]、[object Object] として表示され、国はまったく表示されませんでした。

タグの名前と国のリストを正しく表示するにはどうすればよいですか?

Backgrid.jsを使用しようとしています。私はいくつかのグリッドを持っています (私はサーバーモードの例を取ります)。

このライブラリは、グリッドをうまく構築してくれました。しかし、いくつかのセルを同等のものにマップしたい。たとえば、"region_id"列があります。マップが欲しいregion_id -> region_name。このタスクを完了するために、イベントに登録しましたbackgrid:rendered。

しかし、私は失敗します。私のテーブルの行を反復することはありません。しかし、これらの行はテーブルに存在します。何が問題ですか？