2017-08-04 80 views
0

我正在构建一个表单,我应该在下拉列表中插入“总结算年”或“按月结算”。 这是预谋glyphicon图标代码:我试图插入输入字段,而不是一月二月三月Yii2表单字段在附加到另一个字段的下拉列表中

<?= $form->field($model, "total_year_billed" , ['template' => ' 
         <div class="input-group "> 
         <span class="input-group-addon"> 
         <span class="glyphicon glyphicon-euro"></span> 
         </span> 
         {input} 
         <span class="input-group-addon"> 
         <div class="dropdown"> 
         <a data-toggle="dropdown" href="#" >trim</a> 
         <ul class="dropdown-menu"> 
         <li>JAN</li> 
         <li>FEB</li> 
         <li>MAR</li> 
         </ul> 
         </div> 
         </span> 
         </div> 
         {error}{hint}'])->textInput(['maxlength' => true])->label(false) ?> 

但它不会工作:

<?= $form->field($model, "jan")->textInput(['maxlength' => true])->label(false) ?> 

字段一月,二月ECC 。在“total_year_billed”字段的同一张表上。

回答

0

我解决了问题分裂的第一个输入字段,并添加一个单独的下拉按钮。 我宁愿只有一个领域的所有选项,但所以一切正常。

现在代码数字如此:

<div class="col-sm-3"> 
    <?= $form->field($model, "total_year_billed" , ['template' => ' 
    <div class="input-group "> 
    <div class="input-group "> 
    <span class="input-group-addon"> 
    <span class="glyphicon glyphicon-euro"></span> 
    </span> 
    {input}      
    </div> 
    {error}{hint}'])->textInput(['maxlength' => true])->label(false) ?> 
</div> 
    <!-- begin of dropdown fields--> 
    <div class="col-sm-3"> 
     <div class = "btn-group"> 
     <button type = "button" class = "btn btn-default">Monthly-billed</button> 
     <button type = "button" class = "btn btn-default dropdown-toggle" data-toggle = "dropdown"> 
      <span class = "caret"></span> 
      <span class = "sr-only">Toggle Dropdown</span> 
     </button> 
      <ul class = "dropdown-menu" role = "menu"> 
      <li> 
       <?= $form->field($model, "jan" , ['template' => ' 
       <div class="input-group "> 
       <span class="input-group-addon"> 
       Jan 
       <span class="glyphicon glyphicon-euro"></span> 
       </span> 
       {input}      
       </div> 
       {error}{hint}'])->textInput(['maxlength' => true, 'value' => 0])->label(false) ?> 
      </li> 
      <li> 
       <?= $form->field($model, "feb" , ['template' => ' 
       <div class="input-group "> 
       <span class="input-group-addon"> 
       Feb 
       <span class="glyphicon glyphicon-euro"></span> 
       </span> 
       {input}      
       </div> 
       {error}{hint}'])->textInput(['maxlength' => true,'value' => 0])->label(false) ?> 
      </li> 
      </ul> 
     </div> 
    </div> 
0

ВотаккуратноерешениевPHPстиле:

use kartik\form\ActiveForm; 

... 

echo $form->field($model, 'cost', [ 
    'addon' => [ 
     'prepend' => [ 
      'asButton' => true, 
      'content' => Html::activeDropDownList($model, 'cost_condition', DeliveryTypeHelper::getList(), [ 
        'class' => 'input-group-selected btn btn-default dropdown-toggle', 
       ]), 
     ], 
    ], 
]); 
相关问题