我有一个带有一个参数的视图,以及一组暴露的过滤器。当用户过滤视图时,将使用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()未执行。如果我手动执行它,则一切正常。
好的,所以我找到了答案。
现在从常规的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' });
这样,视图将通过常规流加载,并且一切都按预期运行=)