問題タブ [celltemplate]

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.

0 投票する
1 に答える
8419 参照

angularjs - ng-grid のセル テンプレート

cell templateのプロパティを使用していますng-grid。ディレクティブで 1 つの関数を定義しています。同じディレクティブ内で、自分のgrid-options. コードは次のとおりです。

関数Reportも同じディレクティブ内で定義されています。

ng-clickクリックされるたびに機能します。関数は呼び出されていますが、私が渡している入力変数 (AlertおよびKey) は関数に渡されていませんが、残りの 3 つのパラメーター1000,1,1は渡されています。 Alert私が渡したいハードコードされた文字列です。 Key「mydata」の整数値の配列の 1 つです。alert関数でこれら2つの特定の値を使用して確認したところ、未定義と表示されています。

関数を正しく呼び出すのを手伝ってください。前もって感謝します。

0 投票する
1 に答える
239 参照

angularjs - 複数の列を集計するng-grid

データには、ページの列よりも多くのフィールドがあります。フィールドを列に合計する必要があります。

私が持っているJSON:

私が欲しいGRID:

したがって、フィールドをレンダリングする前に、次のように複数のアイテムを追加できるようにしたいと考えています。

または多分何か

もちろん、この疑似コードはどれも機能しません。

また、すべての列にカスタムの CellTemplate を作成することは避けたいと思います。

最悪のシナリオだと思いますが、レンダリングする前にデータをマッサージすることができます...だから、

[編集]変更されていないグリッドを含むサンプルプランカーと、必要なものの描写を追加しました。

http://plnkr.co/edit/x5abGuyvunBDes6h60eg?p=preview

私は猫や犬や他の動物を見たいのではなく、特定の種類の合計を見たい. 私が示すよりも多くのこれらの列があるので、より一般的な解決策を探しています。

だから私はこれを行うことができます:

0 投票する
1 に答える
840 参照

angularjs - cellTemplate を使用した ng-grid 検索フィルター

cellTemplate を参照する列で ng-grid 検索フィルターを使用すると問題が発生します。

データ オブジェクトに複数のフィールドがあります。これらのフィールドの 1 つは配列であり、cellTemplate を使用して ng-repeat で div を作成し、それらの値を表示し、その配列の値に従って特定の css クラスを適用します。

これが私の問題を示すプランクラーです: plnkr.co/edit/jMvafIjqCsU0cnW6Ecvy?p=preview.

私の問題は、cellTemplate グリッド プロパティを使用すると、フィルターが正しく機能しないことです。このシナリオをシミュレートするには、person2@gmail.com で検索して問題に気付くことができます。この plunker では、cellTemplate を使用して「@gmail.com」を個人の電子メールに連結するため、person2 と入力するとフィルターが適用されますが、@ と入力した後はフィルターが機能しないことがわかります。

誰かが私を助けることができますか?ありがとうございました!

0 投票する
1 に答える
795 参照

wpf - ListView を水平方向に使用して、さまざまな幅のアイテムを表示するにはどうすればよいですか?

ItemsSource が文字列のコレクションである ListView があります。ご想像のとおり、文字列のコレクションはさまざまな長さです。私の目標は、これらの文字列を listView に水平に表示することです。

ListView を水平に使用する例はたくさんあるので、その部分は簡単でした。Horizo​​ntal StackPanel を ItemsPanelTemplate として指定することでそれを達成しました...

私のListView xaml:

私が表示しようとしているもの:

私のxamlが表示するもの:

GridviewColumn に幅を設定すると、次のようになります。

[列の幅] を [自動] に設定すると、最も幅の広いアイテムと同じ大きさになります... しかし、スペースを節約して実際の幅で並べて配置したいと思います。

私は成功せずに多くの研究を行ってきましたが、何かアイデアはありますか?

0 投票する
3 に答える
3364 参照

javascript - Celltemplate 角度グリッドでボタンのクリックが機能しない

celltemplate を使用しようとしています。しかし、クリックイベントは機能しませんでした。

それで、私は何をすべきですか?何が間違っていますか?

0 投票する
1 に答える
94 参照

login - celltemplate でアラートまたはログ機能を使用できないのはなぜですか? どのようにできるのか?

celltemplate でアラートまたはログ機能を使用して、オブジェクトを直接表示したいと考えています。でもできないんです。私のコードは以下のようなものです:

私のエラーは次のとおりです: エラー: [$parse:ueoe] Unexpected end of expression: alert( http://errors.angularjs.org/1.3.0-beta.16/ $parse/ueoe?p0=alert( ....

0 投票する
0 に答える
278 参照

angularjs - celltemplate 内の ng-Grid

列の 2 つのセルが別のグリッドになる ng-grid を作成しました。変数の 3 つの条件をチェックするセル テンプレートを探しています。変数が「0」の場合はセルが編集可能になり、値が「1」の場合は呼び出しに grid1 が含まれ、値が「 3' の場合、グリッド 2 になります。グリッドのデータは動的であるため、セル テンプレートを定義する必要があり、条件に基づいて、セル内のグリッドへのデータが読み込まれます。誰かが私に問題のセルテンプレートを提案できますか? ビルドしようとしているグリッドの画像が添付されています。

ここに画像の説明を入力

0 投票する
1 に答える
1929 参照

c# - GridView CellTemplate コンテンツを動的にバインドする

ListView コントロールで GridView を使用して、カタログ コンテンツを表示しています。コード ビハインドを使用して ListView コンテンツを動的にロードし、GridViewColumns を作成して、カスタム catListItem クラスのプロパティにバインドしています。

すべて問題ありませんが、GridViewColumn の CellTemplate プロパティを使用して、アイコンを含む列を追加しようとしています。このようなもの:

DisplayMemberBinding、CellTemplate、および CellTemplateSelector を使用する場合に優先順位があることはわかっています。だから私の質問は次のとおりです:CellTemplateのコンテンツを作成(設定、...)し、おそらくそれをカスタムクラスのプロパティに動的にバインドするにはどうすればよいですか? 何が恋しいのかわからない!その問題を検索しましたが、見つかったのは DataTemplate を使用した XAML ソリューションだけです。コードビハインドでそれを行うことが重要です。前もって感謝します!