通过ajax加载表单的一部分。额外的表格标签。 Yii2

Question

我需要通过ajax加载部分表单，但yii2本身添加了标签表单。如果没有标签的形式创建HTML

<?php $form = new \yii\widgets\ActiveForm(); ?> 

<div id="cropped_image"> 
    <img class="image" height="<?=$size->getHeight();?>" width="<?=$size->getWidth();?>" src="<?=$imageModel->getImageUrl()?>"/> 

    <div class="inline-labels"> 
     <?= $form->field($cropModel, 'x1')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'y1')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'x2')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'y2')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'w')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'h')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'image')->hiddenInput()->label(false); ?> 
    </div> 
</div> 

结果是

<form id="w0" action="/admin/image/create" method="post"> <input type="hidden" name="_csrf" value="M0NMbk9xaEhnMx5eOEArG3EuegQoPV0yXG58XX4EAwBsMSo0KTsEKQ=="> <div id="cropped_image"> <img class="image" height="631" width="946" src="/upload/image/cec8e8f39a3cdd43.jpg"/> <div class="inline-labels"> <div class="form-group field-cropform-x1 required"> <input type="hidden" id="cropform-x1" class="form-control" name="CropForm[x1]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-y1 required"> <input type="hidden" id="cropform-y1" class="form-control" name="CropForm[y1]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-x2 required"> <input type="hidden" id="cropform-x2" class="form-control" name="CropForm[x2]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-y2 required"> <input type="hidden" id="cropform-y2" class="form-control" name="CropForm[y2]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-w required"> <input type="hidden" id="cropform-w" class="form-control" name="CropForm[w]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-h required"> <input type="hidden" id="cropform-h" class="form-control" name="CropForm[h]"> <div class="help-block"></div> </div> <div class="form-group field-cropform-image required"> <input type="hidden" id="cropform-image" class="form-control" name="CropForm[image]" value="cec8e8f39a3cdd43"> <div class="help-block"></div> </div> </div> </div> 

如果我不加这部分阿贾克斯 - 所有工作正常，只是一个标签。

Answer 1

如果你不想形式标签：

<div id="cropped_image"> 
    <img class="image" height="<?=$size->getHeight();?>" width="<?=$size->getWidth();?>" src="<?=$imageModel->getImageUrl()?>"/> 

    <div class="inline-labels"> 
     <?= Html::activeHiddenInput($cropModel, 'x1') ?> 
     <?= Html::activeHiddenInput($cropModel, 'y1') ?> 

     <?= Html::activeHiddenInput($cropModel, 'x2') ?> 
     <?= Html::activeHiddenInput($cropModel, 'y2') ?> 

     <?= Html::activeHiddenInput($cropModel, 'w') ?> 
     <?= Html::activeHiddenInput($cropModel, 'h') ?> 

     <?= Html::activeHiddenInput($cropModel, 'image') ?> 
    </div> 
</div> 

---

并在代码标签不会出现。正确的方法：

<?php $form = \yii\widgets\ActiveForm::begin(); ?> 

<div id="cropped_image"> 
    <img class="image" height="<?=$size->getHeight();?>" width="<?=$size->getWidth();?>" src="<?=$imageModel->getImageUrl()?>"/> 

    <div class="inline-labels"> 
     <?= $form->field($cropModel, 'x1')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'y1')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'x2')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'y2')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'w')->hiddenInput()->label(false); ?> 
     <?= $form->field($cropModel, 'h')->hiddenInput()->label(false); ?> 

     <?= $form->field($cropModel, 'image')->hiddenInput()->label(false); ?> 
    </div> 
</div> 
<?= \yii\widgets\ActiveForm::end(); ?>