forms – Page 2 – Tarik Billa

Wrapping a FormControl in Angular (2+)

December 16, 2023 by Tarik

Edit: I’ve added a helper for doing just this an angular utilities library I’ve started: s-ng-utils. Using that you can extend WrappedFormControlSuperclass and write: @Component({ selector: ‘my-wrapper’, template: ‘<input [formControl]=”formControl”>’, providers: [provideValueAccessor(MyWrapper)], }) export class MyWrapper extends WrappedFormControlSuperclass<string> { // … } See some more documentation here. One solution is to get the @ViewChild() corresponding … Read more

How to create custom ExtJS form field component?

December 12, 2023 by Tarik

To extend @RobAgar ‘s answer, following a really simple Date Time field that I wrote for ExtJS 3 and it’s quickport that I made for ExtJS 4. The important thing is the use of the Ext.form.field.Field mixin. This mixin provides a common interface for the logical behavior and state of form fields, including: Getter and … Read more

Angular 4 Form FormArray Add a Button to add or delete a form input row

December 11, 2023 by Tarik

Here’s a shortened version of your code: When you init your form, you can add one empty formgroup inside your formArray: ngOnInit() { this.invoiceForm = this._fb.group({ itemRows: this._fb.array([this.initItemRows()]) }); } get formArr() { return this.invoiceForm.get(‘itemRows’) as FormArray; } Then the function: initItemRows() { return this._fb.group({ // list all your form controls here, which belongs to … Read more

Symfony2 form collection: Index of the current object is shown

December 9, 2023 by Tarik

Removing indexes (labels) for collection items: $builder ->add(‘person’, ‘collection’, array( … ‘options’ => array(‘label’ => false) )) ; Use key entry_options instead of options for Symfony 3 and 4 If you want to add custom labels per row you can produce the form yourself: {{ form_start(edit_form) }} {% for person in form.persons %} {{ form_row(person, … Read more

How to reset form body in bootstrap modal box?

December 7, 2023 by Tarik

In Bootstrap 3 you can reset your form after your modal window has been closed as follows: $(‘.modal’).on(‘hidden.bs.modal’, function(){ $(this).find(‘form’)[0].reset(); });

application/x-www-form-urlencoded and charset=”utf-8″?

December 5, 2023 by Tarik

There is no charset parameter defined for this media type. For the encoding guidelines, see https://url.spec.whatwg.org/#application/x-www-form-urlencoded . The application/x-www-form-urlencoded standard implies UTF-8 and percent-encoding. Though: A legacy server-oriented implementation might have to support encodings other than UTF-8 as well as have special logic for tuples of which the name is _charset. Such logic is not … Read more

What is copyWith and how can I use it in Flutter and what are it’s use cases?

November 28, 2023 by Tarik

Let’s say you have an object in which you want to change some properties. One way to do is by changing each property at a time like object.prop1 = x object.prop2 = y and so on. This will go cumbersome if you have more than few properties to change. Then copyWith method comes handy. This … Read more

How do I programmatically set focus to dynamically created FormControl in Angular2

November 21, 2023 by Tarik

I made this post back in December 2016, Angular has progressed significantly since then, so I’d make sure from other sources that this is still a legitimate way of doing things You cannot set to a FormControl or AbstractControl, since they aren’t DOM elements. What you’d need to do is have an element reference to … Read more

Required attribute on multiple checkboxes with the same name? [duplicate]

September 28, 2023 by Tarik

You can make it with jQuery a less lines: $(function(){ var requiredCheckboxes = $(‘:checkbox[required]’); requiredCheckboxes.change(function(){ if(requiredCheckboxes.is(‘:checked’)) { requiredCheckboxes.removeAttr(‘required’); } else { requiredCheckboxes.attr(‘required’, ‘required’); } }); }); With $(‘:checkbox[required]’) you select all checkboxes with the attribute required, then, with the .change method applied to this group of checkboxes, you can execute the function you want when … Read more

How to validate that at least one checkbox should be selected?

September 25, 2023 by Tarik

The accepted answer abuses stuff to use in a way they are not meant to be. With reactive forms the best, easiest and probably right way is to use a FormGroup that holds your grouped checkboxes and create a validator to check if at least one(or more) checkbox is checked within that group. To do … Read more