revolist / revogrid-column-select Goto Github PK

Hi there,

I am using the SelectTypePlugin() to add a dropdown/selector to revogrid columns. Would it be possible to update the items in the dropdown/selector based on another cells value?

        {
            prop: "type",
            name: "Type",
            source: ["Volume", "Mass", "Length"]
            columnType: "select",
        },
        {
            prop: "units",
            name: "Units",
            source: ["ml, "L", "g", "kg", "m", "km"] 
            columnType: "select",
        }

For instance, if for the Type column Volume is selected only the items mL and L should appear in the Units column. Accordingly if Mass is selected only g and kg should be listed, etc...

I was hoping for a callbach function similiar to how the readonly key can be adjusted for a single cell like it was described in issue #323. However, it seems that the source key only accepts a list and not a function (source code).

Is there a workaround to archive the desired result or do you think it might be important enough to implement the callback function logic for one of the next releases?

Thanks,
Christian

Whatever I try, I cannot make this component work with the vue3-datagrid (No clickable down arrow appears). I tried with different versions of vue3 (<3.1) and different versions of vue3-datagrid. Should this be possible? Is there a working example somewhere?

In this example I have created a simple table with a selectable color. Each of my colors represent a number, when you attempt to open the dropdown no results will be shown.

import SelectTypePlugin from "@revolist/revogrid-column-select";
I am using Angular 13, but the plugin is not importing.

error TS7016: Could not find a declaration file for module '@revolist/revogrid-column-select'. 'D:/jri/admin-angular-ui/node_modules/@revolist/revogrid-column-select/dist/main.js' implicitly has an 'any' type.
  Try `npm i --save-dev @types/revolist__revogrid-column-select` if it exists or add a new declaration (.d.ts) file containing `declare module '@revolist/revogrid-column-select';`

Could you check this issue?

column_schema: [ { prop: "name", name: "ID", }, { prop: "details", name: "Name", }, { prop: "drops", name: "Data", labelKey: 'show', valueKey: 'data', source: [ {show: 'According', data: 'a'}, {show: 'Over', data: 'b'}, {show: 'Source', data: 's'} ], columnType: 'select' } ],
https://codesandbox.io/s/8zkd4
Render Error. Like Demo.

When you paste a value in a select field that is not in the source of the select component the view will break leaving you with a string undefined being shown.

17 line of renderer.tsx val is undefined, it will report an error

I have 2 global protoype functions on Array and they are being used as values in the dropdown. With undefined as label.