問題タブ [angular-ui-grid]

Angular ui-grid の水平スクロールバーを非表示にしようとしていますが、適切なプロパティが見つかりません。(プロパティーenableScrollbars=falseは両方を削除します。)
水平スクロールバーのみを削除することは可能ですか?

angular ui-grid 3.0 http://ui-grid.info/docs/#/tutorialを使用しようとしています

問題は、それをどのようにインストールするかです。説明したように、bower install ui-grid が機能していません。

https://github.com/angular-ui/ui-grid.info/tree/gh-pages/releaseから特定のファイルをダウンロードしました

• これらのファイルのリンクを追加する方法と場所は?
• 私はヨーマンでうなり声を使用しています。それは Gruntfile.js にあるべきですか? ではどうやって？

変化するデータの配列を列ヘッダーにバインドするにはどうすればよいですか?

そのサンプルを見ました: http://ui-grid.info/docs/#/tutorial/302_custom_header

しかし、静的データを表示するだけです。

列ヘッダーを日付オブジェクトの配列にバインドする必要があります。

新しい ngGrid (ui-Grid) rc ビルド v3.0.0-rc.11 では、ページングや列のサイズ変更が機能しないようです。この例によれば、それは本当に簡単です: http://ui-grid.info/docs/#/tutorial/401_AllFeatures

メイン div の場合、これを行うと:

そして私のコントローラーでこれを行います：

ページングも列のサイズ変更も機能しません。ui-grid チュートリアルにはページングの例がないため、ngGrid に似ていると仮定しますが、現時点で本当に必要な列のサイズ変更です。

よろしく

私

グリッドを実装する必要があるため、angular-ui モジュールを調べました。

安定した ng-grid と不安定なバージョンの ui-grid があることがわかりました。

どのバージョンを使用すればよいですか?
それらは非常に異なっていますか、それとも切り替えるのが難しいですか?

ng-gridのドキュメントには、デフォルトのヘッダー セル テンプレート (およびその他のデフォルト テンプレート) が含まれています。

ui-grid のデフォルトのヘッダー セル テンプレートは何ですか?

多分誰かがちょっとした問題で私を助けることができます。私は Web プログラミングの分野ではかなり新しいですが、プログラミングの経験はあります。angularjs と ui-grid を使用する小さな Web サイトを開発したいと考えています。残念ながら、フィルタリングは外部入力フィールドからは機能していません。

プログラミングのバグがどこにあるのか誰か教えてください。

コードはここにあります: http://plnkr.co/edit/fiA666OzpBqpTrCiuXER?p=preview

アイデアは、検索フィールドを含むナビゲーション バーを持つことです。後で、さらに列の rangesliders に応じてフィルタリングしたいと思います。ただし、標準の文字列フィルタリングでさえ、私の例では機能しません。

質問:

1. 誰かが私の現在の問題がどこにあるのか教えてもらえますか? 具体的には、外部入力フィールドからのフィルタリングが機能しないのはなぜですか?
2. もう 1 つの質問は、レンジ スライダーの最小値と最大値をたとえば私の例の age 列にバインドするにはどうすればよいかということです。（問題のバインディングの問題（1）に直接関係します）

私は答えを探しましたが、これは私が把握できないバインディングの問題、単なるプログラミング js の問題、または ui-grid の問題への ngGrid の更新のいずれかです。

事前にどうもありがとう

アプリケーションでグリッドを作成するために、 ng-grid の新しい 3.0 リリースui-gridを使用しています。私がやろうとしているのは、テーブル内の編集可能なセルの 1 つを、Angular ファクトリで取得したデータで満たされたng-optionsドロップダウンにすることです。

ui-grid のeditableCellTemplate機能を使用してこれを実行しようとしています。

コード例を次に示します。

HTML:

コントローラ：

temp.html:

これがコード付きのプランカーです。[注:これは単なるサンプル コードです。ng-options の配列は、実際のコードで angular factory から取り込まれており、スコープで宣言されていません。データは動的であるため、editDropdownOptionsArray はおそらく機能しません。]

ui-gridでこれを行うことは可能ですか? ng-option コードを HTML ページに配置すると期待どおりに機能するため、おそらくスコープの問題だと思いましたが、ui-grid ドキュメントから収集できるのは、temp.html ファイルがスコープ内にある必要があることです。 . 私はこれがまだ不安定なリリースであることを知っていますが、この問題に関する助けをいただければ幸いです!

このソリューションを試してみて、うまくいかない場合は注意してください。1 月に、外部スコープのコードが から にリファクタリングされgetExternalScopes()ましたgrid.addScope.source。https://github.com/angular-ui/ng-grid/issues/1379

新しいコードで更新された plunkr は次のとおりです。Click Me!