テキストフィールドのオートコンプリートを追加する


10

カスタムモジュールのdrupal 8のテキストフィールドにオートコンプリートを実装しようとしました

私が欲しかったのは、autocompleteを介して入力した可能性のあるタイトルを取得して表示することだけだったので、フォルダディレクトリ-> mymodule / src / Controller / DefaultController.phpのDefaultController.phpのクラス内でパブリック関数autocompleteを宣言しました

<?php

namespace Drupal\mymodule\Controller;

use Drupal\Core\Controller\ControllerBase;
use Symfony\Component\HttpFoundation\JsonResponse;

class DefaultController extends ControllerBase
{
    public function autocomplete($string)
    {
        $matches = array();
        $db = \Drupal::database();
        $result = $db->select('node_field_data', 'n')
        ->fields('n', array('title', 'nid'))
        ->condition('title', '%'.db_like($string).'%', 'LIKE')
        ->addTag('node_access')
        ->execute();

        foreach ($result as $row) {
            $matches[$row->nid] = check_plain($row->title);
        }

        return new JsonResponse($matches);
    }
}

次に、フォルダディレクトリにEditForm.phpを作成します-> mymodule / src / Form / EditForm.php

<?php

namespace Drupal\mymodule\Form;

use Drupal\Core\Form\FormBase;
use Drupal\Core\Form\FormStateInterface;

class EditForm extends FormBase
{
    public function getFormId()
    {
        return 'mymodule_edit_form';
    }

    public function buildForm(array $form, FormStateInterface $form_state)
    {
        $form = array();

  $form['input_fields']['nid'] = array(
    '#type' => 'textfield',
    '#title' => t('Name of the referenced node'),
    '#autocomplete_route_name' => 'mymodule.autocomplete',
    '#description' => t('Node Add/Edit type block'),
    '#default' => ($form_state->isValueEmpty('nid')) ? null : ($form_state->getValue('nid')),
    '#required' => true,
  );

        $form['submit'] = array(
    '#type' => 'submit',
    '#value' => t('Create'),
  );

        return $form;
    }
}

mymodule.routing.ymlも作成しました

  mymodule.autocomplete:
  path: '/mymodule/autocomplete'
  defaults:
    _controller: '\Drupal\mymodule\Controller\DefaultController::autocomplete'
  requirements:
    _permission: 'access content'

まだオートコンプリート機能が実装されていませんか?誰かが私に何が欠けていることを指摘できますか?



1
@ShreyaShettyいいえd7では '#autocomplete_path' => 'mymodule / autocomplete'を使用したため、パラメーターは必要ありません。したがって、d8では '#autocomplete_route_name' => 'mymodule.autocomplete'を使用したため、パラメーターを使用しませんでした。どちらも必要ない....
make-me-alive

回答:


10

クラスには、リクエストをチェックして$ stringに入れるために必要な変更が必要です。

<?php

namespace Drupal\mymodule\Controller;

use Symfony\Component\HttpFoundation\JsonResponse;
use Symfony\Component\HttpFoundation\Request;
use Drupal\Component\Utility\Unicode;

class DefaultController extends ControllerBase
{

  /**
   * Returns response for the autocompletion.
   *
   * @param \Symfony\Component\HttpFoundation\Request $request
   *   The current request object containing the search string.
   *
   * @return \Symfony\Component\HttpFoundation\JsonResponse
   *   A JSON response containing the autocomplete suggestions.
   */

  public function autocomplete(request $request) {
    $matches = array();
    $string = $request->query->get('q');
    if ($string) {
      $matches = array();
      $query = \Drupal::entityQuery('node')
      ->condition('status', 1)
      ->condition('title', '%'.db_like($string).'%', 'LIKE');
      //->condition('field_tags.entity.name', 'node_access');
      $nids = $query->execute();
      $result = entity_load_multiple('node', $nids);
      foreach ($result as $row) {
        //$matches[$row->nid->value] = $row->title->value;
        $matches[] = ['value' => $row->nid->value, 'label' => $row->title->value];
      }
    }
    return new JsonResponse($matches);
  }
}

リクエストをフェッチして$ stringに配置した後も機能しませんでした
make-me-alive

リクエストが印刷されていることを確認しましたか?
vgoradiya 2016年

私が考えて\Drupal::entityQuery('node')選択を離れて使用することが好ましいだろう。
vgoradiya 2016

ブラウザの開発ツールの[ネットワーク]タブを見た後、応答で適切な結果を確認できましたが、UIに表示されませんでした。少し調べたところz-index、フォームを含むDOM要素にカスタムcssを設定していることがわかりました。値が高すぎて、オートコンプリートの結果と重複していました。私の習慣を下げるz-indexことは私のためにそれを修正しました。
tyler.frankenstein

11

エンティティを選択する場合は、それを行う簡単な方法があります。Drupal 8には標準のentity_autocompleteフィールドタイプがあります。フォーム要素を次のように指定するだけです。

$form['node'] = [
  '#type' => 'entity_autocomplete',
  '#target_type' => 'node',
];

詳細については、カスタムオートコンプリートフィールドをご覧ください。

また、ノード/エンティティテーブルに対してデータベースクエリを実行しないでください。そのためには、\ Drupal :: entityQuery()を使用します。


こんにちはBerdir、上記のコードを使用して私の場合「市区町村」で分類法からデータを取得する方法。
Sachin

5
  1. routing.ymlファイルを作成し、以下のコードを追加します:admin_example.autocomplete:

  path: '/admin_example/autocomplete'
  defaults:
    _controller: '\Drupal\admin_example\Controller\AdminNotesController::autocomplete'
  requirements:
    _permission: 'access content'
  1. mymodule / src / Form / EditForm.phpにビルドしたフォームが正しい

コントローラのコードを変更する必要があります。コードは以下のとおりです。

public function autocomplete(Request $request)
{
 $string = $request->query->get('q');
    $matches = array();
      $query = db_select('node_field_data', 'n')
          ->fields('n', array('title', 'nid'))
          ->condition('title', $string . '%', 'LIKE')
          ->execute()
          ->fetchAll();
    foreach ($query as $row) {
        $matches[] = array('value' => $row->nid, 'label' => $row->title);
    }

    return new JsonResponse($matches);
}

こんにちはシュレヤ、私はあなたのソリューションを使用しましたが、フォームに行く代わりに次のようなo / pを与えています:[{"value": "1"、 "label": "Patel Residency"}、{"value": " 2 "、" label ":" Jain Plaza "}、{" value ":" 3 "、" label ":" Kanha Resort "}、{" value ":" 38 "、" label ":" Hira Residency "} ]。フォームに移動して、フィールドがオートコンプリートとして機能するようにしたい
Sachin

2

@vgoradiyaコードを使用してから、foreachループで次のように試してください。

    foreach ($result as $row)
    {
        $matches[] = ['value' => $row->nid, 'label' => check_plain($row->title)];
    }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.