Fixed #230

primefaces · Apr 26, 2016 · 96f75e0 · 96f75e0
1 parent eb0d902
commit 96f75e0
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/dropdown/dropdown.ts b/components/dropdown/dropdown.ts
@@ -17,8 +17,8 @@ const DROPDOWN_VALUE_ACCESSOR: Provider = CONST_EXPR(
         <div [ngClass]="{'ui-dropdown ui-widget ui-state-default ui-corner-all ui-helper-clearfix':true,'ui-state-hover':hover&&!disabled,'ui-state-focus':focus,'ui-state-disabled':disabled}" 
             (mouseenter)="onMouseenter($event)" (mouseleave)="onMouseleave($event)" (click)="onMouseclick($event,in)" [attr.style]="style" [attr.styleClass]="styleClass">
             <div class="ui-helper-hidden-accessible">
-                <select>
-                    <option *ngFor="#option of options" [value]="option.value">{{option.label}}</option>
+                <select [required]="required">
+                    <option *ngFor="#option of options" [value]="option.value" [selected]="value == option.value">{{option.label}}</option>
                 </select>
             </div>
             <div class="ui-helper-hidden-accessible">
@@ -68,6 +68,8 @@ export class Dropdown implements OnInit,AfterViewInit,AfterViewChecked,DoCheck,O
 
     @Input() autoWidth: boolean = true;
 
+    @Input() required: boolean;
+
     @ContentChild(TemplateRef) itemTemplate: TemplateRef;
 
     constructor(private el: ElementRef, private domHandler: DomHandler, private renderer: Renderer, differs: IterableDiffers) {

diff --git a/showcase/demo/dropdown/dropdown.html b/showcase/demo/dropdown/dropdown.html
@@ -171,6 +171,12 @@ <h3>Attributes</h3>
                             <td>true</td>
                             <td>Calculates the width based on options width, set to false for custom width.</td>
                         </tr>
+                        <tr>
+                            <td>required</td>
+                            <td>boolean</td>
+                            <td>false</td>
+                            <td>When present, it specifies that an input field must be filled out before submitting the form.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>