嵌入使用AJAX视图 [英] Embed a View using AJAX

问题描述

我有一个参数一个视图，和一组暴露的过滤器。当用户过滤视图，表单被使用Ajax使用的location.hash提交，并且过滤器被附加到URL

I have a view with one argument, and a set of exposed filters. When the user filters the view, the form is submitted using Ajax, and the filters are appended to the url using location.hash.

我的目标是过滤后的初始页面加载认为，如果过滤器present中的location.hash。

My goal is to filter the view upon initial page load, if the filters are present in the location.hash.

目前，我加载通过Ajax回调，这工作完全正常的看法。但最大的问题是，阿贾克斯的观点是行不通的。

Currently, I'm loading the view through an Ajax callback, which works perfectly fine. But the big problem is that Ajax for the view doesn't work.

这是加载视图回调。

// Load the view object.
$view = views_get_view('taxonomy_term');
$view->set_display('page');
$view->set_use_ajax(TRUE);

// Pass the current tid as the argument.
$view->set_arguments(array($tid));
// Set the current page.
$view->set_current_page($page);
// Set the exposed filters.
$view->get_exposed_input();

// Execute.
return $view->execute_display();

当我直接导航到该回调，一切正常。但不是当我通过Ajax的加载。

When I navigate directly to that callback, everything works. But not when I load it through Ajax.

任何想法？

更新： 看来，Drupal.behaviors.ViewsAjaxView（）不会出于某种原因执行。如果我手动执行它，一切正常。

Update: It seems that Drupal.behaviors.ViewsAjaxView() doesn't execute for some reason. If I execute it manually, everything works.

推荐答案

好了，我已经找到了答案。

Ok, so I've found the answer.

，我现在载入从常规Ajax回调查看。

Instead of loading the View from my own callback, I'm now loading the View from the regular ajax callback.

在我的网页，我创建视图对​​象和配置添加到Drupal.settings。

On my page, I create the view object, and add the configuration to Drupal.settings.

$view = views_get_view('taxonomy_term');
$view->set_display('page');
$view->set_use_ajax(TRUE);
$view->set_arguments(array($tid));
$settings = array(
  'views' => array(
    'ajax_path' => url('views/ajax'),
    'ajaxViews' => array(
      array(
        'view_name' => $view->name,
        'view_display_id' => $view->current_display,
        'view_args' => check_plain(implode('/', $view->args)),
        'view_path' => check_plain($_GET['q']),
        'view_base_path' => $view->get_path(),
        'view_dom_id' => 1,
        'pager_element' => $view->pager['element'],
      ),
    ),
  ),
);
drupal_add_js($settings, 'setting');
views_add_js('ajax_view');

然后我打开我的js，它从的location.hash的设置将当前的过滤器。最后，加载视图。

Then I load my js, which adds the current filter from the location.hash to the settings. And finally, loads the View.

var data = {};
// Add view settings to the data.
for (var key in Drupal.settings.views.ajaxViews[0]) {
  data[key] = Drupal.settings.views.ajaxViews[0][key];
}
// Get the params from the hash.
if (location.hash) {
  var q = decodeURIComponent(location.hash.substr(1));
  var o = {'f':function(v){return unescape(v).replace(/\+/g,' ');}};
  $.each(q.match(/^\??(.*)$/)[1].split('&'), function(i,p) {
    p = p.split('=');
    p[1] = o.f(p[1]);
    data[p[0]] = data[p[0]]?((data[p[0]] instanceof Array)?(data[p[0]].push(p[1]),data[p[0]]):[data[p[0]],p[1]]):p[1];
  });
}
$.ajax({
  url: Drupal.settings.views.ajax_path,
  type: 'GET',
  data: data,
  success: function(response) {
    var viewDiv = '.view-dom-id-' + data.view_dom_id;
    $('#content > div.limiter').html(response.display);
    // Call all callbacks.
    if (response.__callbacks) {
      $.each(response.__callbacks, function(i, callback) {
        eval(callback)(viewDiv, response);
      });
    }
  },
  error: function(xhr) {
    $('#content > div.limiter').html('<p id="artist-load-error">Error text.</p>');
    $('#block-request-0').hide();
  },
  dataType: 'json'
});

这种方式，通过正常流动的看法负荷，一切都按预期=）

This way, the view loads through the regular flow, and everything works as expected =)

这篇关于嵌入使用AJAX视图的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！