3

以下のオプションを使用して ag-grid の選択チェックボックスが必要です。しかし、左側にチェックボックスが表示されませんでした。選択チェックボックスを機能させるには、他に何を設定する必要があるか考えてください。

self.appliancesInGroupGridOpts = {
        angularCompileRows: true,
        enableColResize : true,
        rowData: null,
        checkboxSelection: true,
        enableSorting: true,
        columnDefs: [
          {
            valueGetter: 'data.name',
            headerName: $filter('translate')('APPLIANCE.NAME'),
            suppressSizeToFit : true,
            template: '<span class="appliance-name">{{data.name}}</span>',
            checkboxSelection: true,
            width: 200
          } ,
           {
            valueGetter: 'data.updated',
            headerName: $filter('translate')('APPLIANCE_GROUP.PUBLISH.MODIFICATION_TIME'),
            suppressSizeToFit : true,
            template: '<span class="appliance-updated">{{data.updated}}</span>',
            checkboxSelection: true,
            width: 200
          } 
        ] ,
4

2 に答える 2

10

http://www.ag-grid.com/angular-grid-selection/index.php

チェックボックスの選択は、次の 2 つの場所で使用できます。

  • 行選択
  • グループ選択。

列のチェックボックスの選択を含めるには、属性を設定します

columnDefs: [{
    valueGetter: 'data.name',
    headerName: $filter('translate')('APPLIANCE.NAME'),
    suppressSizeToFit : true,
    template: '<span class="appliance-name">{{data.name}}</span>',
    width: 200,   
    checkboxSelection: true
    ...

列の定義。

この属性は、好きな数の列に設定できますが、テーブル内の複数の列に設定しても意味がありません。

グループのチェックボックス選択を有効にするには、次の属性を設定します。

groupColumnDef: {
    headerName: "Athlete", 
    field: "athlete", 
    width: 200,
    cellRenderer: {
        renderer: "group",
        checkbox: true
    }
}

グループ レンダラー用。グループ レンダラーの詳細については、グループ化のセクションを参照してください。

グループを選択すると、グループの行を選択したり、グループ内のすべての子を選択したりすることができます。これは、属性を設定することによって行われます。

groupSelectsChildren: {true || false}

  • に設定するfalseと、グループを選択するとグループ ノードが選択されます。

  • に設定するtrueと、グループを選択すると、すべての子が選択または選択解除されます。

以下の例は、グループでのチェックボックスの選択を示しています。グループを選択すると、子を選択する効果があります。同様に、すべての子を選択すると、グループが自動的に選択されます。このシナリオでは、グループ自体が selectedRows リストに表示されることはありません。

この例では、age 列を選択するためのチェックボックスも示しています。実際には、選択する列が 2 つ以上あることは通常ではありません。以下はデモ用です。グループ化を使用していないグリッドには、グループ化されていない行にチェックボックスを配置するのが最適です。

さらに、これをcol定義checkboxSelectionに追加できます:

true列に選択チェックボックスをレンダリングするには、に設定します。

于 2015-11-08T14:46:51.230 に答える
2

einav は本当だと言いますが、彼は非常に基本的なことを忘れていたと思います:

選択を有効にしたい場合は、プロパティ rowSelection:'single' または rowSelection:'multiple' を gridOptions に設定します:)

属性checkboxSelectionは、グリッドオプションではなく列専用です。

次のプロパティが選択に関連しています。

rowSelection:行選択のタイプ。選択を有効にするには、'single' または 'multiple' に設定します。 rowDeselection: true または false に設定します。true の場合、Ctrl キーを押しながら行をクリックすると、行の選択が解除されます。グリッドの通常の動作では、ノードの選択解除は許可されていません (つまり、ノードが選択されると、その場所で別の行が選択されるまで選択されたままになります)。 suppressRowClickSelection: true の場合、クリックされたときに行は選択されません。たとえば、チェックボックスを選択したいが、行がクリックされたときにも選択したくない場合に使用します。

Einavが提供する同じリンクから

于 2016-01-16T18:05:14.180 に答える