使用AJAX嵌入視圖

Question

我有一個參數和一組暴露的過濾器。當用戶過濾視圖時，使用Ajax提交表單，並使用location.hash將過濾器附加到URL。

我的目標是在初始頁面加載時過濾視圖（如果過濾器存在於location.hash中）。

目前，我通過一個Ajax回調加載視圖，這很好地工作。但是最大的問題是視圖的Ajax不起作用。

這是加載視圖的回調。

// 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加載它。

任何想法？

更新： 似乎Drupal.behaviors.ViewsAjaxView（）由於某種原因不執行。如果我手動執行它，一切正常。

Answer 1

好的，所以我找到了答案。

而不是從我自己的回調加載視圖，我現在從常規的ajax回調加載視圖。

在我的頁面上，我創建了視圖對象，並將配置添加到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添加到設置中。最後，加載視圖。

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' 
}); 

這種方式，通過正常流動的觀點負載，一切按預期工作=）