how to change form fields dynamically in Yii framework

Question

I'm new to Yii framework and I'm designing a form (I'm using create form) to create a row in database. Let me explain about the scenario succintly, so that I can make it clear for what I want-

I have 10 fields in this form. Out of this 10 fields, five fields change dynamically. I created two div's basically div A and div B and repeated the fields as required for the two cases. Say some fields which are textfields in div A will be dropdownlists in div B.

<div id="A">
<?php echo $form->labelEx($model,'selectionList'); ?>
<?php echo $form->textArea($model,'selectionList',array('rows'=>6, 'cols'=>50)); ?>
<?php echo $form->error($model,'selectionList'); ?>
</div>  

<div id="B">
<?php echo $form->labelEx($model,'selectionList'); ?>
<?php echo $form->dropdownList($model,'selectionList',array('rows'=>6, 'cols'=>50)); ?>
<?php echo $form->error($model,'selectionList'); ?>
</div>

I have two radiobuttons say Single and Multi. When I select Single radiobutton, div A should be considered and div B discarded and when I select Multi, vice versa should happen. So, is this the right way to change the form fields dynamically. Or else how can I do this using Ajax validation.

Justinas · Accepted Answer · 2014-07-29 07:03:01Z

1

Not so related to question:

1) You are using same name for all fields, so only last one will be submitted (check generated html, name is MyModel[selectionList] and not MyModel[][selectionList]

2) You will have lots of problems with Ajax validation and dynamic fields (generated via js), since CActiveForm will generate js code via php.

Related to question:

3) To use one or another field, i suggest you to have two separate field names and just hide with js/css one, that is not needed right now. After submitting, just check value of radio button and decide what fields will be saved.

To validate these inputs, you have to use model scenarios (will define in rules what to validate and what not to):

$model = MyModel();
if ($_POST['C'] == 'multi') {
    $model->scenario = 'validateOnlyFirstField';
} else {
    $model->scenario = 'validateOnlySecondField';
}

Also you can use second CActiveForm.validate() parameter to define what attributes to validate.

answered Jul 29, 2014 at 7:03

Justinas

43.9k5 gold badges72 silver badges108 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

user3004356 Over a year ago

Hi @Justinas, I had the same problem, When I tried to submit the form , the fields in second div got overridden over the first radiobutton

user3004356 Over a year ago

Now, I'm thing of appending parameters to the URL and based on parameter I will consider the div. Is it a good practice.

Justinas Over a year ago

@user3004356 it's same as sending it via _POST. You have to use unique inputs names to send both values.

Collectives™ on Stack Overflow

how to change form fields dynamically in Yii framework

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related