Question

我有一个依赖于Project字段的Customer fiels 在我的表单中，我有一个项目下拉列表，我需要第二个下拉客户根据项目动态更改。
我在网上的几个地方找到了解决方案，但阵列没有改变有人能帮忙吗？

我的表格：

$dataProject=ArrayHelper::map(Project::find()->asArray()->all(), 'id', 'name');
  echo $form->field($model, 'project_id')->dropDownList($dataProject,
       ['prompt'=>'-Choose a Project-',
       'onchange'=>'
            $.post( "'.Yii::$app->urlManager->createUrl('customer/lists?id=').'"+$(this).val(), function( data ) {
            $( "select#title" ).html( data );
       });
  ']);
  $dataPost=ArrayHelper::map(Customer::find()->asArray()->all(), 'id', 'first_name');
  echo $form->field($model, 'customer_id')
       ->dropDownList(
            $dataPost,
            ['id'=>'title']
       );

客户控制器中的代码：

public function actionLists($id) {
 $countPosts = Customer::find()
      ->where(['project_id' => $id])
      ->count();
 $posts = Customer::find()
      ->where(['project_id' => $id])
      ->orderBy('id DESC')
      ->all();
 if($countPosts>0) {
      foreach($posts as $post){
           echo "<option value='".$post->id."'>".$post->first_name."</option>";
      }
 }
 else{
      echo "<option>-</option>";
 }
}

Answer 1

到目前为止，当您有权访问jquery时，向select中添加下拉选项的最佳方法是使用.each()，但您需要提供controller/action中json的选项而不是创建HTML，然后将html添加到下拉列表。

然后您使用$.post并为url添加id的查询字符串，而您可以使用data选项发送id。

将您的onchange功能更改为以下

'onchange'=>'
     $.post( "'.Yii::$app->urlManager->createUrl('/customer/lists').'", {id:$(this).val()},function( data ) {

         //this will clear the dropdown of the previous options

         $("#title").children("option").remove();

         //optionally you can use the following if you have a placeholder in the dropdown so that the first option is not removed
         //$("#title").children("option:not(:first)").remove();

         $.each(data, function(key, value) {

         $("#title")
             .append($("<option></option>")
             .attr("value",key)
             .text(value)); 
         });
});

然后，您要向Customer表查询一次以查看所有记录，并查询所有客户列表

$countPosts = Customer::find()
      ->where(['project_id' => $id])
      ->count();
$posts = Customer::find()
      ->where(['project_id' => $id])
      ->orderBy('id DESC')
      ->all();

您可以简单地查询客户并在结果集php:count()上使用$posts函数来计算记录总数。

  $posts = Customer::find()
          ->where(['project_id' => $id])
          ->orderBy('id DESC')
          ->all();
  $countPosts = count($post);

但我们不需要count这只是为了获取信息，将您的操作actionLists()更改为下方并删除参数$id，因为我们正在发送ID post。

public function actionLists() {
    //set the response format to JSON
    Yii::$app->response->format = \yii\web\Response::FORMAT_JSON;

    //get the id 
    $id = Yii::$app->request->post ( 'id' );

    $posts = Customer::find ()
            ->where ( [ 'project_id' => $id ] )
            ->orderBy ( 'id DESC' )
            ->all ();

    return ArrayHelper::map ( $posts , 'id' , 'first_name' );
}

除了完成上述所有操作之外，您应该习惯使用扩展形式的可用资源或广泛使用的插件，其中一个是Kartik/DepDropdown，这样可以减轻写作的痛苦javascript，只是从服务器端提供数据。

Yii2依赖下拉列表不起作用

1 个答案: