No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search
    1. Home
    2. lvaylet
    L
    • Profile
    • Following 0
    • Followers 0
    • Topics 3
    • Posts 15
    • Best 6
    • Groups 0

    lvaylet

    @lvaylet

    13
    Reputation
    461
    Profile views
    15
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    lvaylet Follow

    Best posts made by lvaylet

    • RE: The 0.14 beta release is available!

      No worries @rstoenescu. A few extra days are not a huge deal given the number of improvements. Do not compromise on quality and keep up the good work.

      posted in Announcements
      L
      lvaylet
    • RE: The 0.14 beta release is available!

      Beta is out. Thanks so much @rstoenescu and @s-molinari ๐Ÿ™‚

      posted in Announcements
      L
      lvaylet
    • RE: How to get suffix value from <q-input>?

      Untested, but should work:

      <template>
        <q-input type="email" v-model="email" float-label="Email" :suffix="suffix" clearable />
      </template>
      
      <script>
      export default {
        data () {
          return {
            email: '',
            suffix: '@gmail.com'    
          }
        },
        methods: {
          login: function (event) {
            console.log(this.email + this.suffix + ':' + this.password)
          }
        }
      }
      </script>
      

      Vue.js is data-centric, so it makes sense to define your settings in data() and bind to them. On top of that, you get reactivity out of the box and your suffix is dynamic.

      posted in Framework
      L
      lvaylet
    • RE: q-select with search

      Excellent, thank you so much @rstoenescu. I was looking for this exact same feature after seeing it in action in Keen UI (https://josephuspaye.github.io/Keen-UI/#/ui-select, โ€œWith searchโ€ demo). I have adopted Quasar instead due to the excellent documentation and the overall quality of the components, and I was only missing this part. Keep up the good job. I am looking forward to the 0.14 release in a few days.

      posted in Help
      L
      lvaylet
    • use select in dialog in 0.14?

      I am curious to know if 0.14 (or any version by the way) supports select components in dialogs using the form object approach (as described here). The documentation shows how to define text fields or radio buttons in the form object, but no selects.

      posted in Help
      L
      lvaylet
    • RE: use select in dialog in 0.14?

      Radio buttons are already supported. What I really need is a select field with search. Should I customize a modal so it fits my needs? Dialogs are so simple to use with this form property. I wish selects were supported out of the box, but I can probably figure something out with modals if this feature is not available yet (or not on the roadmap). @rstoenescu, any insight to share? Thanks again for the 0.14 by the way. In addition to the wealth of components, the documentation is one of the most comprehensive I have ever seen.

      posted in Help
      L
      lvaylet

    Latest posts made by lvaylet

    • RE: Anyone built expandable rows in data table?

      Thanks @a47ae, this really helps.

      @rstoenescu: before I dive into this, are you working on such a feature already?

      posted in Help
      L
      lvaylet
    • RE: Anyone built expandable rows in data table?

      Any hint as to how you would implement the feature? I could try it myself and submit a pull request.

      posted in Help
      L
      lvaylet
    • Anyone built expandable rows in data table?

      I am looking for something similar to http://element.eleme.io/#/en-US/component/table#expandable-row

      I am pretty sure this feature is not available out of the box with Quasar. I am also pretty sure it can be done but I lack the front-end skills to do so. That is exactly why I am using frameworks and libraries like Quasar ๐Ÿ™‚

      Thanks for 0.14.1 by the way. Excellent job!

      posted in Help
      L
      lvaylet
    • RE: How to get suffix value from <q-input>?

      Untested, but should work:

      <template>
        <q-input type="email" v-model="email" float-label="Email" :suffix="suffix" clearable />
      </template>
      
      <script>
      export default {
        data () {
          return {
            email: '',
            suffix: '@gmail.com'    
          }
        },
        methods: {
          login: function (event) {
            console.log(this.email + this.suffix + ':' + this.password)
          }
        }
      }
      </script>
      

      Vue.js is data-centric, so it makes sense to define your settings in data() and bind to them. On top of that, you get reactivity out of the box and your suffix is dynamic.

      posted in Framework
      L
      lvaylet
    • RE: Data Table - row class?

      @glittle: makes sense, thank you. I do not need all the features of the DataTable (like sorting and filtering) for my current project. I might be better off rolling my own table with a simple v-for too. I am still interested in this revamped version for other projects though.
      @rstoenescu: any estimate on what โ€œsoonโ€ means? ๐Ÿ™‚ A few days? A few weeks? I know it is hard to tell. No pressure. I am just assessing whether I should work on other projects in the mean time.

      posted in Framework
      L
      lvaylet
    • RE: Data Table - row class?

      I am interested in this too. @glittle: were you able to come up with a workaround, like styling all cells in a row independently?

      posted in Framework
      L
      lvaylet
    • RE: How to access the row index in a data table?

      Right, my bad. I will keep this in mind.

      posted in Help
      L
      lvaylet
    • RE: use select in dialog in 0.14?

      Thanks, I am fine with it. I just wanted to make sure it was the best option.

      posted in Help
      L
      lvaylet
    • How to access the row index in a data table?

      I went through the documentation looking for an option to access the index of a row in a data table, but could not find any.

      I tried the following with scope="row" and then {{ row.index }}:

      <q-data-table ...>
        <template slot="col-error" scope="row">
          <q-icon name="error" size="2em">
            <q-tooltip>{{ row.index }}</q-tooltip>
          </q-icon>
        </template>
        ...
      </q-data-table>
      

      I also tried {{ row.$index }} with no success.

      posted in Help
      L
      lvaylet
    • RE: use select in dialog in 0.14?

      Thanks a lot. My only option is modal with custom layout, right?

      posted in Help
      L
      lvaylet