Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Add Select (dropdown) column type to tables#602

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to ourterms of service andprivacy statement. We’ll occasionally send you account related emails.

Already on GitHub?Sign in to your account

Merged
FalkWolsky merged 3 commits intolowcoder-org:devfromjreyesr:feat/issue-412
Jan 8, 2024
Merged

Add Select (dropdown) column type to tables#602

FalkWolsky merged 3 commits intolowcoder-org:devfromjreyesr:feat/issue-412
Jan 8, 2024

Conversation

jreyesr
Copy link
Contributor

@jreyesrjreyesr commentedDec 31, 2023
edited
Loading

Hello! I've been playing around with Lowcoder, and I wanted to have dropdowns in editable table columns, as requested in#412. I couldn't find it, so I quickly threw this together.

Let me know if any more changes are needed! I tried to touch similar files to those touched byd92f917, which added the Number column type, so hopefully not too many things have been forgotten.

Proposed changes

This PR adds a new Select column type to tables. It's specifically intended to allow inline edits to present a dropdown so users get some guidance on the allowed values, instead of a simple text field.

Example: the following screenshots show a Table component with its standard data (10 users with an ID, name, date and department). However, the Department column (which is usually a Text column) has been changed to a Select column and marked as Editable:

image

image

When editing a user's Department (by double-clicking that cell), it transforms into a dropdown:

image

Of course, clicking on the dropdown displays the available choices:

image

Once a different choice has been selected (and the cell unfocused), the cell is marked as having pending changes:

image

Saving the table emits an event which has the changed cell as part of the table'schangeSet, where it would be handled as any other change. This notification is triggered on the Save Changes event of the table, and it prints{{table.changeSet}}:

image

Types of changes

  • Bugfix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation Update (if none of the other choices apply)

Checklist

  • Lint and unit tests pass locally with my changes
  • I have added tests that prove my fix is effective or that my feature works
  • I have added necessary documentation (if appropriate)
  • Any dependent changes have been merged and published in downstream modules

decaller reacted with hooray emoji
@netlifyNetlify
Copy link

netlifybot commentedDec 31, 2023
edited
Loading

‼️ Deploy request forlowcoder-cloud rejected.

NameLink
🔨 Latest commit1cd00c2

@jreyesrjreyesr marked this pull request as draftDecember 31, 2023 22:04
@jreyesrjreyesr marked this pull request as ready for reviewDecember 31, 2023 22:22
FalkWolsky
FalkWolsky previously approved these changesJan 8, 2024
Copy link
Contributor

@FalkWolskyFalkWolsky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thank you million times! What a valuable contribution!

@FalkWolskyFalkWolsky changed the base branch frommain todevJanuary 8, 2024 16:20
@FalkWolskyFalkWolsky dismissed theirstale reviewJanuary 8, 2024 16:20

The base branch was changed.

@netlifyNetlify
Copy link

netlifybot commentedJan 8, 2024

👷 Deploy request forlowcoder-test pending review.

Visit the deploys page to approve it

NameLink
🔨 Latest commit8f6ea6f

Copy link
Contributor

@FalkWolskyFalkWolsky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others.Learn more.

Thank you very much for this valuable contribution!!

@FalkWolskyFalkWolsky merged commit5692cc6 intolowcoder-org:devJan 8, 2024
Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment

Reviewers

@FalkWolskyFalkWolskyFalkWolsky approved these changes

Assignees

No one assigned

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@jreyesr@FalkWolsky

[8]ページ先頭

©2009-2025 Movatter.jp