Posts made by digiproduct

@kosirm that RFS package looks very interesting

@kosirm That https://type-scale.com/ looks very interesting … thanks for posting that link.

@PeterQF There is a Swedish Channel on the Quasar Discord Chat group.

https://chat.quasar.dev/

@Hawkeye64 you beat me to it by seconds

@pavarine I think @Hawkeye64 is probably the best person to advise you on this

I ran into a similar issue (not using refs though) … because I expected to see my components on my QDiloag in Chrome Dev Tools and couldn’t understand why they did not show.

By using console.log in mounted of the QDialog, I determined that the components on the QDialog are recreated each time the QDialog is opened … I am opening, closing, and re-opening the QDialog several times hence how I first noticed this.

I ended up making use of Vuex because of this.

@mrcalvo If you look at the end of the first paragraph on the Docs page for QEditor, there are links for the MDN docs of the underlying components of the QEditor.

If you go to those docs, you might find some hints about how you could detect this.

As I’ve been learning Quasar, I’ve been watching Danny Connell’s excellent free video training on YouTube.

He’s got a real great teaching style that makes it easy to learn … and he covers things in such detail that it’s easy to get going using his course.

You can watch his full FREE YouTube training course at …

https://www.youtube.com/playlist?list=PLAiDzIdBfy8iu_MZrq3IPuSFcRgCQ0iL0

If you want something more advanced, he’s just released a more detailed course on Udemy, and it’s currently at a special linka for Quasar users at Udemy …

Use this link and 50% of the revenue will go to the Quasar Team: https://dannys.link/quasarf

There’s almost 15 hours of training videos in the course … it’s massive … but, obviously, you can watch them at whatever pace you wish.

How do you get QSelect to display the label instead of the value?

Often you might wish to display the label value of your options in the QSelect rather than the actual value.

For example, if you have a QSelect for salesRegionId but wish to show the descriptive label of that region. eg.
Label: North East
Value: 3

To get this to work in that way, you need to add two settings to your QSelect

emit-value
map-options

Here’s the example code quickly …

        <q-select
          filled
          v-model="salesRegionID"
          :options="options"
          label="Standard"
          emit-value
          map-options
        ></q-select>

and here’s the sample data

      salesRegionID: null,
      options: [
        {
          label: 'North West',
          value: '1'
        },
        {
          label: 'North Central',
          value: '2'
        },
        {
          label: 'North East',
          value: '3'
        },
        {
          label: 'South West',
          value: '4'
        },
        {
          label: 'South Central',
          value: '5',
        },
        {
          label: 'South East',
          value: '6',
        },
      ]

You can find a reference to this in the docs at
https://quasar.dev/vue-components/select#Example--Map-options

And here’s a codepen, showing the above example if you want to try it out
https://codepen.io/david-watson-the-encoder/pen/eqNrZz

@patryckx Second Razvan’s request … an App Extension of this would be a great idea.

@rstoenescu I got this course to help me as I got started with Quasar, and it really helped me quickly understand Quasar and be more productive.

@chankl78 Yes. there are various ways that have been suggested to Laravel users in the past to map the DEV tld for easy testing purposes … Laravel Valet is the most common one which was why I suggested it to you.

@Hawkeye64 More congrats … you’re getting so many of these App Extensions to V1 that you’ll be desperate for new ones to start very soon …

@Allan-EN-GB Well deserved

@chankl78 Are you also a Laravel user? And using Valet? because since Google acquired the DEV tld, this is an issue that has been catching out many laravel users who use DEV as there test domains on local machines via Laravel Valet

@Hawkeye64 EVEN BIGGER CONGRATS … another V1 release … you’re on a roll …

@Hawkeye64 I love this one too … really enjoyed using it.

I think it would be great to see a demo of using timed overlays added to the demos.

I’ve done something adding several overlays at various time points in the video … opening them and closing them … bit like popup ads …maybe even show an overlay with a button …

I think something like that would be superb to showcase what is really possible with this awesome App extension.

@s-molinari Liked it

@Hawkeye64 BIG CONGRATULATIONS … awesome piece of work

@oskar I have only used QTable a very little, but …

Isn’t your way to stop the second set of data being added to the first, just to clear the data array before adding the second set of data?