GithubHelp home page GithubHelp logo

Comments (10)

sa-si-dev avatar sa-si-dev commented on June 20, 2024

@abujalka, thanks for your suggestions.

Regarding 1 and 3, I will work on them in future releases.

Regarding 2,

  • We have close() method to close the dropdown programmatically (more details)
  • We have open/close events to listen (more details)

from virtual-select.

abujalka avatar abujalka commented on June 20, 2024

Thank you very much for your answer.

I apologize for being inattentive to point number 2.
I still thought that it would be nice if an event was added after clearing the select (click on the element with the class vscomp-clear-button)
I do not want to perform the action after each change (change event), but only if the change is final - I close or clear the select.

I look forward to the future releases.

Sincerely
Tony

from virtual-select.

sa-si-dev avatar sa-si-dev commented on June 20, 2024

I still thought that it would be nice if an event was added after clearing the select (click on the element with the class vscomp-clear-button)
I do not want to perform the action after each change (change event), but only if the change is final - I close or clear the select.

Sorry, I am not getting your requirement here. Could you please explain with some real-time scenarios?

from virtual-select.

abujalka avatar abujalka commented on June 20, 2024

Hi, I'll try to explain.

I have a virtual select in which I have cities.
I have a "Search" button that shows the number of items that match the filter.

  1. Open a virtual select with cities and check 10 items.
  2. Close the virtual select with cities.
  3. I will recalculate how many items match the filter and update the number in the "Search" button.
  4. Then I clear the virtual select with cities using an element with the class "vscomp-clear-button".
  5. I need to repeat point no.3

well thank you

from virtual-select.

sa-si-dev avatar sa-si-dev commented on June 20, 2024

@abujalka I have implemented your 1) and 2) requirements and they are available in the release v1.0.12

  1. optionsSelectedText - Text to use when displaying no.of values selected text (i.e. 3 options selected)
  2. reset event (more details)

from virtual-select.

abujalka avatar abujalka commented on June 20, 2024

Hi,

If I have options maxValues set, it shows me "number of checked / maxValues | optionsSelectedText".
If I don't have options maxValues set, then after checking the first option, it shows me the text of this option, and after checking the next option, it shows me "2 | optionsSelectedText".
I tried to work around it by setting maxValues, but if I check all the options, it is not possible to translate the text "All".

I suggest that "1" + optionsSelectedText be displayed immediately after checking the first option.
I also suggest that after checking all the options, e.g. 4 of 4, did not display the text "All (4)", but "4 | optionsSelectedText"

I will also ask you to translate "All" when all options are checked.

The reset event works perfectly.

Thank you very much
Tony

from virtual-select.

sa-si-dev avatar sa-si-dev commented on June 20, 2024

@abujalka, I will implement 1) in the future release.

from virtual-select.

sa-si-dev avatar sa-si-dev commented on June 20, 2024

@abujalka, Features you have requested are available in the release v1.0.14

  1. New classes added as you requested vscomp-selected-value-count and vscomp-max-value-count
  2. showValueAsTags (more details)
  3. alwaysShowSelectedOptionsCount
  4. disableAllOptionsSelectedText
  5. allOptionsSelectedText

from virtual-select.

abujalka avatar abujalka commented on June 20, 2024

Hi.

First of all, I would like to thank you for your very quick approach to resolving my requests.

All my requirements were met, only 1 was implemented in a different way than I imagined - container settings.

My idea was that a property would be added to set the id of the container to which the selected items would be added. The container would not have to be located directly in the virtual select component, but anywhere on the page. Would it be possible to implement it?

well thank you
Sincerely
Tony

from virtual-select.

sa-si-dev avatar sa-si-dev commented on June 20, 2024

Hi.

First of all, I would like to thank you for your very quick approach to resolving my requests.

All my requirements were met, only 1 was implemented in a different way than I imagined - container settings.

My idea was that a property would be added to set the id of the container to which the selected items would be added. The container would not have to be located directly in the virtual select component, but anywhere on the page. Would it be possible to implement it?

well thank you
Sincerely
Tony

@abujalka sorry, rendering any content outside of the dropdown doesn't look like a generic feature that could be part of the plugin.

But you could implement it in your project by rendering selected values anywherer on value change.

from virtual-select.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.