[paper|core]-elements version of select+option ?

[Matthew Butler]

Hi Folks,

I was wondering if there's a pre-made paper version of select/option? Currently I know there is paper-menu-button which is half of what I'm look for. But rather than a fixed icon, I want the displayed 'label' to change to the selected option/menu button. I want to avoid core-selector, as I don't want all options displayed all the time, just the currently selected option. I'm sure I could create my own version with some work but just wanted to see if there was something I may be missing.

Thanks,

Matt

[Rob Dodson]

To my knowledge, there's no paper/core select element

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/6638c77e-ea12-4598-85f2-69edc8585478%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

[Scott Miles]

We plan to construct something like this relatively soon (probably measured in weeks).

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAJj5OwBzXDhrvp-WhkzpdOMpCwgJKv4%3DPEDP1nmKjZjD82jU%2Bw%40mail.gmail.com.

[phyto...@gmail.com]

Is this still planned?

[Matthew Butler]

This now exists as:

http://www.polymer-project.org/docs/elements/paper-elements.html#paper-dropdown (paper)

http://www.polymer-project.org/docs/elements/core-elements.html#core-dropdown (core)

Matt

[phyto...@gmail.com]

Perfect, thanks!

[Arthur Evans]

One note, here -- these elements are really new and may still be in flux -- in particular, I believe paper-dropdown has been renamed to paper-dropdown-menu in master. Core-dropdown appears to still be core-dropdown.

Thanks,

Arthur

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/967d09ce-01df-4eb0-aee1-4793134fa701%40googlegroups.com.

[Jeff S]

Paper-dropdown is showing up correctly in polymer.dart but all the versions had to be bumped up. (Poly 14.0 and PE 0.2.0)

I do have a dumb question though and I think this thread is a good home.  (If not, I will start a new one.)

In modifying the Polymer Dart Codelab to use paper elements, how do you bind the selected value to the form for submission?  Switching an input field was straight forward.

From:

<div class="field">

  <textarea placeholder="Add title" value="{{codelab.title}}" on-keyup="{{validateTitle}}"></textarea>

</div>

To:

<div>

  <paper-input floatingLabel label="Add title" name="title" style="width: 30%" inputValue="{{codelab.title}}" on-keyup="{{validateTitle}}"></paper-input>   </div>

but I am confused on how to switch from the select-option to the paper-dropdown and have the data get submitted.

From: 

<div class="field">

  <label>Level: </label>

    <select value="{{codelab.level}}">

      <option template repeat="{{level in allLevels}}">

          {{level}}

       </option>

    </select>

</div>

To:  ?????  (The dropdown gets properly created but none of the attributes I used would let me bind the chosen value to {{codelab.level}} for form submission.) 

<div>       

  <paper-dropdown label="Level: ">  (Note that I tried adding valueattr={{codelab.level}} but that didn't work.)

     <template repeat="{{level in allLevels}}">

       <paper-item label="{{level}}"></paper-item>

     </template>             

  </paper-dropdown>

</div>

I thought that I may need to use core-selector but there is a core-select event that is part of paper-dropdown.  Do I need to recognize that event and somehow set the form value that way?  That seems strange to me, especially since paper-input was straight forward but I am new to all this and maybe it isn't so strange after all.

(If I do need to do this, can someone point me in the right direction in terms of 'how'?)

Thanks! 

[Yvonne Yip]

paper-dropdown (now known as paper-dropdown-menu) has the `selected`, and `selectedItem` property similar to core-selector. You can bind to those to get and set the selected item.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/5579114b-76a3-4208-bd2c-12bd31f534a6%40googlegroups.com.

[Arthur Evans]

Jeff, it sounds like the Polymer.dart codelab is using the HTML form element. That's only going to recognize native input elements (and custom elements that extend them).

Paper-input and its relatives don't extend the native input elements. There are two basic approaches to submitting a form using these elements:

- Use AJAX and submit the form independently.

- Bind the values of the paper elements to hidden form elements, and use the built-in form submit mechanism.

As far as I can tell, most people using Polymer choose the former option because it's more flexible. Ray Nicholus created an ajax-form element to implement this pattern.

https://github.com/garstasio/ajax-form

For more details see the following links:

http://stackoverflow.com/questions/24461460/polymer-form-post-data

https://groups.google.com/forum/#!searchin/polymer-dev/submit$20form/polymer-dev/tLxr4e3lCTE/5FF9jbN3e1IJ

Thanks,

Arthur

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAHk1xZ%2BvvfPGfPkHONdY5eoONPWQ9xHrpCivYxGVLuupZ3-M4A%40mail.gmail.com.

[Jeff S]

Thank you for the information, Arthur.

I am thinking I shouldn't have asked my question and just dug deeper but I appreciate the response (and Yvonne's too) nonetheless.  I am diving into the deep end trying to learn Dart and Polymer at the same time so that I can produce more robust mockups of a business idea than would happen with something like Axure.    

I suppose my head is starting to spin at this point, so nudges in the right direction, even on the simple stuff, is very helpful.  Yeah, I could probably just go with the Polymer Designer tool and accomplish a lot of what I want but given I have been away from code for a long time, I wanted to get my hands 'dirty' again.  I figured that may turn out to be a pretty good long term investment not to mention, a lot more fun!  And frustrating at times too.  :)

Thanks again!    

Jeff