Question

我有一个包含用户信息所有字段的模型。并使用crud生成器创建视图并修改视图，窗体视图，如下所示

这里我隐藏了编辑配置文件部分，当用户点击编辑时，它会显示弹出窗口和编辑字段选项。现在的问题是，当我提交它提交整个表单但我只需要提交编辑的部分，还有一个问题是，当我编辑某些内容然后取消表单时，它仍然保持编辑的值并保存然后我提交任何表格的其他部分。请建议我如何实现表格的部分提交

<?php $form=$this->beginWidget('CActiveForm', array(
'id'=>'my-form',
'enableAjaxValidation'=>true,
'htmlOptions'=>array('enctype'=>'multipart/form-data'),
'action' => Yii::app()->createUrl('/userprofile/editprofile&id='.$model->id),
)); 
?>
<h4>Edit Profile Pic</h4>
<div>
<?php echo CHtml::fileField('profilePic'); ?>
<div id="editpic"></div>
<div class="btns" id="uploadbutton">            
<?php echo CHtml::ajaxSubmitButton('Update', $this->createUrl('/rageprofile/editprofile&id='.$model->id), array('update'=>'#targetdiv'));?>
</div>
</div>
<div class="editbutton">&#9998; Edit</div>
<div class="eitit edly einfo" style="z-index:9001;" >
<span class="close">&#10006;</span>
<h4>Basic Info</h4>
<?php echo $form->labelEx($model,'firstName'); ?>
<?php echo $form->textField($model,'firstName',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'firstName'); ?>
<?php echo $form->labelEx($model,'middleName'); ?>
<?php echo $form->textField($model,'middleName',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'middleName'); ?>
<?php echo $form->labelEx($model,'lastName'); ?>
<?php echo $form->textField($model,'lastName',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'lastName'); ?><br>
<?php echo $form->labelEx($model,'DOB'); ?>
<?php echo $form->textField($model,'d_o_b',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'d_o_b'); ?><br>
<?php echo $form->textField($model,'m_o_b',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'m_o_b'); ?><br>
<?php echo $form->textField($model,'y_o_b',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'y_o_b'); ?><br>
<?php echo $form->labelEx($model,'City'); ?>
<?php echo $form->textField($model,'city',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'city'); ?><br>
<?php echo $form->labelEx($model,'State'); ?>
<?php echo $form->textField($model,'state',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'state'); ?><br>
<?php echo $form->labelEx($model,'Country'); ?>
<?php echo $form->textField($model,'country',array('size'=>30,'maxlength'=>30)); ?>
<?php echo $form->error($model,'country'); ?><br>
<?php echo CHtml::ajaxSubmitButton('Update', $this->createUrl('/rageprofile/editprofile&id='.$model->id), array('update'=>'#targetdiv'));?>
</div>
</div>
</div>
<?php $this->endWidget(); ?>

Answer 1

你想要得到两件不同的东西：

拆分表格
避免向服务器发送空输入

首先，您可以尝试以下两个选项之一：

创建各种表单，每个表单都有自己的ajaxSubmitButton将数据发送到服务器
保持表单不变，但不使用ajaxSubmitButon，而是使用各种普通的'CHtml :: htmlButton'，并在他的$ htmlOptions数组中指定要在onclick事件中调用的自定义js函数。这些js函数（例如，每个按钮一个）将从某些输入收集数据，而不是其他函数，并负责通过ajax将数据发送到控制器。

对于第二件事，您可以使用'onclick'处理程序中的js函数，如前所述，或者您可以稍微修改一下代码来执行以下操作：使用'beforeSend'和'complete'处理程序jQuery ajax调用（CHtml :: ajaxSubmitButton中的$ ajaxOptions）在发送前为空的字段中创建属性“disabled”，并在完成后删除它们。 ajax提交按钮使用的'serialize'jquery调用不会对那些被“禁用”的属性进行编码。

如何在yii的子节中拆分表单以实现单个表单的部分提交

1 个答案: