問題タブ [ember-table]

ember-table を更新した後に高さをリセットする簡単な方法はありますか?

その場でテーブルにアイテムを追加していて、追加したときにそれらをテーブルに表示したいと考えています。バインディングは機能しますが、テーブルの高さとオーバーフローが原因で、新しい行はすべて非表示になっています。

ここに jsbin があります。ページの読み込みから 2 秒後に行を追加すると、テーブルの高さが設定されたままになっていることがわかります。新しい行を表示するには、テーブルをスクロールする必要があります。

アップデート

更新された jsbin : 「機能する」が、非常にハックな感じがする

私は ember-table の JavaScript を掘り下げ、設定するプロパティをいくつか見つけ、1 つの CSS スタイルをオーバーライドすることで「動作」するようにしました。

残りのいくつかの問題:

• ただし、スクロールバーで何かが起こっているようです。変更後、スクロールバーが表示されますが、コンテンツがコンテナーと同じ高さであるため、機能しません。すべてのスクロールの側面には、多くの JavaScript が使用されているようです。

• 本当にハッキーな感じ。この種の機能は、ember-tables の構成設定 (またはデフォルトの機能) である必要があるようです。

Ember Data を使用してデータを Ember テーブルにバインドし、連絡先のリストを表示しようとしています。この質問に基づいてコードを作成していますが、まだ何かが足りないようです。テーブルが作成され、プロキシ オブジェクトが取り込まれ、データをフェッチする promise が実行されます。promise の応答で期待される JSON データが返されますが、行プロキシのオブジェクトは常に null のままのようです。これが私がこれまでに持っているものです（ルートなどのいくつかを省略しています）：

JSON 応答:

そしてテンプレート：

編集:私の JSON 応答がモデルに正しく逆シリアル化されない Ember Data の問題であるかのように見えます。コンソールに次のように入力すると：

グループについては、レコードの配列とそのデータ値を確認できます。連絡先については、レコードの配列が表示されますが、すべてのデータが null です。どんな考えやヒントも大歓迎です。私が使用しているのは、Ember 1.5.1、Ember Data 0.0.14、Handlebars 1.3.0、Ember Table 0.0.2、および jQuery 2.1.0 です。

コントローラーからの残り火アクションで削除ボタンを追加しようとしています。何らかの理由Ember.Handlebars.compile('<button {{action "deletePerson"}}>Delete</button>で、コンパイルされた文字列ではなく関数を返します。

ここにjsbinがあります

コードの関連部分は次のとおりです。

例えば。

データは、以下の形式で REST API/JSON として利用できます

解決策はありますか？

過去に、バニラのハンドルバー テンプレートを使用して、他のテンプレートへのリンクを含むテーブルを作成しました。

Ember-Tableそのテンプレートをリファクタリングしたフレームワークを使用して

私のコントローラーは次のようになります

と私のカスタム テンプレートエンティティ/profile_link

[エンティティ名] 列のセルをクリックしたときにカスタム テンプレートにリンクするようにコントローラーを設定するにはどうすればよいですか?

ember-table を使用すると、遅延読み込みを行うことができます。

安らかなサービスを呼び出すときに問題になる可能性があると考えました。

行を遅延レンダリングする Ember.js を使用して構築されたテーブル。Ember テーブルを使用すると、表示されている行のみをレンダリングすることで、非常に大きなデータ セットを処理できます。これは、理解しやすく拡張しやすい API を備えた ember コンポーネントとして記述されています。

私たちはまだそれに取り組んでいますか？教えてください。また、Ajax実装サイトも開けません

http://addepar.github.io/#/ember-table/ajax

アップデート

最終的にSOに投稿する時が来たと判断し、そうすると、ばかげたエラーが見つかります。お世話になりました。から削除->しEmber.Table.HeaderCell.extend ->ます。

#183の例を使用して、ソート目的でヘッダー セルをカスタマイズしようとしています。残念ながら、headerCellViewClass に渡すテンプレートはレンダリングされていません。

ブール値が問題ではないことを証明するために、ランダムなクラスと「asdf」を追加しました。コンソールから headerCellName、sorted、supportSort にアクセスでき、それらはすべて期待値を持っています。

コントローラーのループで作成された列

ここでカスタム tableCellViewClass を設定していることに気付くでしょう。それは完全に機能します。

SortableColumnMixin

App.SortableHeaderCell

table/sortable-header-cell.hbs

検査官

検査官

これがなぜなのか、私よりもよく知っている人はいますか？

私は、非常に単純な動作であるべきことを達成しようとしています.Emberテーブルコンポーネント( Addeparから)があり、そのテーブル内にモーダルダイアログをトリガーするボタンが必要です.

私は Ember を初めて使用するので、ここで入手できる Ember テーブル スターター キット jsbin から始めました: http://jsbin.com/fasudiki/9/edit

カスタム セル ビューを追加して、独自のテンプレートを使用できるようにしました。

と

と

次に、モーダル ダイアログの公式 Ember ガイドに従ってみました: http://emberjs.com/guides/cookbook/user_interface_and_interaction/using_modal_dialogs/

Ember の用語では、ember-table コンポーネント内から Index ルートでアクションをトリガーできるようにしたいと考えています。

テンプレートから直接アクションをトリガーしようとしましたが、うまくいきませんでした:

次に、「コンポーネントからアプリケーションへのアクションの送信」ガイドで提案されていることを試しました: http://emberjs.com/guides/components/sending-actions-from-components-to-your-application/

ビューに「アクション」マップを作成し、App.EmberTableMyCustomCell両方を使用する

と

繰り返しますが、成功しません。

次に、このSOの質問で推奨されていることを試しました: Ember component sendAction() not working

私のember-tableのカスタム属性にアクション名を設定し、次を使用してtriggerAction(...)のパラメーターで使用します。

と

繰り返しますが、成功しません。

私が間違っていることはありますか？

コードを jsbin に入れました: http://jsbin.com/yovikaviseve/2/edit

Ember Tableでは、特定のセルの内容を変更してセルのスタイルを変更する必要があります。値の更新でセルに色を追加し（すでに行っています）、1秒後にスタイルを削除する必要があります（やりたいことです）。

色を適用するときに呼び出しsetTimeout、 内で色を削除しsetTimeoutました。常に機能するわけではありません。一部のセルの色は削除されません。（これはスクロールすると悪化します）。1 秒後、Ember は特定のセル要素を見つけることができないと思います。

Ember テーブル コンポーネントを使用し、 および を割り当てましcontentBindingたcolumnBinding。コンポーネントのテンプレートを追加し、Ember.Table.TableCellクラス名を追加しました。

Main 関数を追加し、以下の Jsbin の例を変更しました。