【问题标题】:How do I get Drupal to add AHAH behaviour to a form element that is returned via AHAH?如何让 Drupal 将 AHAH 行为添加到通过 AHAH 返回的表单元素?
【发布时间】:2010-09-01 14:28:59
【问题描述】:

这就是我想要做的:

1.我创建并呈现以下表单元素:

    $form['rb_download_' . $doc_id] = array(
      '#type' => 'submit',
      '#name' => 'doc_' . $doc_id,
      '#prefix' => "<div id='rb_doc_order_{$doc_id}'>",
      '#suffix' => '</div>',
      '#value' =>variable_get('rb_order_button', "buyOnline"),
      '#ahah'  => array(
         'event' => 'click',
         'path'  => "rb/case/doc_order_js/$case->nid/$doc_id",
         'wrapper' => "rb_doc_order_{$doc_id}",
         'effect' => 'fade',),
    );

2。 action 函数返回并用新元素替换上面的元素:

function rb_case_doc_order_js($case, $doc_id) {

  $button['rb_download_' . $doc_id] = array(

        '#type'         => 'submit',
        '#name'         => 'doc_' . $doc_id,
        '#prefix'       => "<div id='rb_doc_order_{$doc_id}'>",
        '#suffix'       => '</div>',
        '#value'        => variable_get('rb_order_confirm', "Remove from cart"),
  //'#attributes' => array('class' => 'ahah-processed'),
        '#ahah'         => array(

           'event'      => 'click',
           'path'       => "rb/case/doc_unorder_js/$case->nid/$doc_id",
           'wrapper'    => "rb_doc_order_{$doc_id}",
           'effect'     => 'fade',),

  );

  $output .= drupal_render($button);
  $output .= "<script type='text/javascript'>\n";
  $output .= "cart_block_item_count($count);\n";
  $output .= "Drupal.ahah;\n";
  $output .= "</script>\n";

  print drupal_json($output);

}

3.结果是旧按钮被上面那个替换了,但是新按钮没有启用AJAX

我需要做什么才能使新返回的元素AHAH 准备就绪?

【问题讨论】:

    标签: drupal drupal-forms ahah


    【解决方案1】:

    嗯,我不知道如何使文件执行上述操作。但我确实想出了一个解决方法(在我的例子中,它涉及在客户端提交元素对象的两个不同值之间切换,这样它的 AHAH 行为就不会丢失)。在服务器端,我只是检查不同的值并根据结果采取行动:

    1.根据条件定义具有不同值的元素

      if (empty($rb_item) ||($rb_item['node_checkout_nid'] != $node_checkout_nid)) {
        //if (true) {
        $form['rb_download_' . $doc_id] = array(
          '#type'   => 'submit',
          '#name'   => 'doc_' . $doc_id,
          '#prefix' => "<div id='rb_doc_download_{$doc_id}'>",
          '#suffix' => '</div>',
          '#value'  => variable_get('rb_doc_download_button', "buyOnline"),
          '#ahah'   => array(
             'event'   => 'click',
             'path'    => "rb/case/doc_download_js/$case->nid/$doc_id",
             'wrapper' => "rb_doc_download_{$doc_id}",
             'effect'  => 'none',
             'method'  => 'append',
        ),
        );
        unset($_SESSION['rb_case']['rb_dowload_' . $doc_id]);
      }
      else {
        $form['rb_download_' . $doc_id] = array(
          '#type' => 'submit',
          '#name' => 'doc_' . $doc_id,
          '#prefix' => "<div id='rb_doc_download_{$doc_id}'>",
          '#suffix' => '</div>',
          '#value' => variable_get('rb_return_button', "Remove from cart"),
          '#ahah'  => array(
             'event' => 'click',
             'path'  => "rb/case/doc_download_js/$case->nid/$doc_id",
             'wrapper' => "rb_doc_download_{$doc_id}",
             'effect'  => 'none',
             'method'  => 'append',
        ),
        );
      }
    

    2。 action 函数检查表单的值并返回元素的切换值:

    function rb_case_doc_download_js($case, $doc_id) {
    
      //Add code that will change how the form elements are rendered here ...
    
      //Now get form with possible new values and send toggle value back to the javascript on client side.
    
      $form_state = array('storage' => NULL, 'submitted' => FALSE);
      $form_build_id = $_POST['form_build_id'];
      $form = form_get_cache($form_build_id, $form_state);
    
      $args = $form['#parameters'];
      $form_id = array_shift($args);
      $form_state['post'] = $form['#post'] = $_POST;
      $form['#programmed'] = $form['#redirect'] = FALSE;
    
      //Toggle the form element value between <<Add to Cart>> and <<Remove from Cart>>
      $toggle_on  = variable_get('rb_doc_download_button', "buyOnline");
      $toggle_off = variable_get('rb_return_button', "Remove from cart");
      if ($form['rb_download_' . $doc_id]['#value'] == $toggle_on) {
        $toggle = $toggle_off;
        $form['rb_download_' . $doc_id]['#value'] = $toggle;
      }
      else {
        $toggle = $toggle_on;
        $form['rb_download_' . $doc_id]['#value'] = $toggle;
      }
    
      drupal_process_form($form_id, $form, $form_state);
      $form = drupal_rebuild_form($form_id, $form_state, $args, $form_build_id);
    
      $output .= "<script type='text/javascript'>\n";
      $output .= "cart_block_item_count($count);\n";
      $output .= "rb_button_toggle('rb_doc_download_{$doc_id}', '$toggle');\n";
      $output .= "</script>\n";
    
      print drupal_json($output);
    
    }
    

    3.客户端的 JavaScript 函数更改元素的值,但对象保持其 AJAX 行为:

      /**
       * Change the button name
       */
      function rb_button_toggle(target, name) {
        alert(target);
        alert(name);
        if (target && name) {
          $(':submit', document.getElementById(target)).attr('value', name);
        }
      }
    

    4.这对我有用:)

    如果你能弄清楚,请随意添加上面的解决方案。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多