为什么我的autocomplete.js文本字段不响应输入(Drupal 7)?

时间:2015-05-20 01:48:32

标签: drupal autocomplete drupal-7

我正在尝试自动完成在Drupal安装中的文本字段中工作。这是一个大项目,我还不熟悉Drupal和这个庞大的代码库。请假设我可以犯最简单的错误。

好的,所以我一直在关注如何让我的文本字段自动完成的简单教程。

我有一个hook_menu():

/**
 * Implements hook_menu().
 */
function mod_name_menu() {
  $items = array();

  // Not important for this question. This is the submit URL.
  $items['apps/name/result'] = array(
    'title' => t('Result page'),
    'file' => 'mod_name.pages.inc',
    'file path' => drupal_get_path('module', 'mod_name'),
    'page callback' => 'drupal_get_form',
    'page arguments' => array('mod_name_course_display_form'),
    'access callback' => TRUE,
    'type' => MENU_CALLBACK,
  );

  // This is the relevant one!
  $items['apps/name/course-codes'] = array(
    'file' => 'mod_name.pages.inc',
    'file path' => drupal_get_path('module', 'mod_name'),
    'page callback' => 'mod_name_course_code_list',
    'page arguments' => array('access content'),
    'access callback' => TRUE,
    'type' => MENU_CALLBACK,
  );

  return $items;
}

我有一个相当大的形式可供使用,但文本字段的相关部分如下:

(mod_name.pages.inc)

function mod_name_basic_block_form($form, &$form_state) {

  [...]

  $form['search']['course_code'] = array(
    '#id' => 'course-code-textbox',
    '#type' => 'textfield',
    '#title' => t('Course code'),
    '#default_value' => (isset($_POST['course_code']) ?
      strtoupper($_POST['course_code']) :
      (isset($_GET['course_code']) ?
        $_GET['course_code'] :
        '')),
    '#required' => FALSE,
    '#size' => '20',
    '#autocomplete_path' => 'apps/name/course-codes',
  );

  [...]

  return $form;
}

[...]

/**
 * Autocomplete for the course-code form.
 */
function mod_name_course_code_list($text) {
  $results = array('1' => 'Thing 1', '2' => 'Thing 2');
  drupal_json_output($results);
}

[...]

我刚刚将回调函数保留为静态数组,以查看自动完成的行为。我希望当我输入文本字段时,悸动者应该悸动,然后我会看到自动填充“Thing 1”,“Thing 2”或类似内容。但是,当我输入文本字段时,什么也没发生。我确实在页面加载时看到灰色的悸动,但在输入,模糊或点击时它没有动画。

检查页面时,我看到autocomplete.js已加载到“网络”选项卡中。我还看到输入字段具有自动完成属性。我在Firefox和Chrome中都试过了,并且都没有做任何动作。

我正在使用Drupal 7.32

非常感谢任何寻求下一步的帮助或线索。

编辑:我应该提一下,当我访问apps / name / course-codes时,我确实得到了{"1":"Thing 1","2":"Thing 2"}预期的JSON响应

1 个答案:

答案 0 :(得分:0)

我在测试环境中运行了您的代码,并通过将测试JSON调整为$(...)

来实现自动完成功能