Skip to content

'grid.js' directive available #3

Description

@eoinjoyc

I created a new angular directive which uses the ADF's slickgrid references. It creates a grid with a simple HTML call, and uses scope variables to set data, options, columns, and onRowClick references. The directive also contains container and pager directives, and adds grid message functionality, allowing the user to specify messages from when the grid is empty and when data is loading.

I can generalize some of the features so its incorporated into the ADF library. Let me know if anyone wants this directive added to the library.

<div qui-grid-container header="{{cveGridHeaderText}}" id="cvesGridContainer">
    <div id="cveGrid" qui-grid
        data="cveGrid.data"
        options="cveGrid.options"
        columns="cveGrid.columns"
        on-select="onCveGridRowSelect(e, args)"
        no-data-message="cveGrid.noDataMessage"
        is-loading="cveGrid.isLoading"              
        loading-message="cveGrid.loadingMessage">
    </div>
</div>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions