德鲁帕尔。使用 AJAX 更新视图内容

Question

我在 Drupal 中创建了一个视图，用于检索节点列表。该视图的显示是一个页面，并且效果非常好。它甚至允许我通过参数过滤其内容。

查看当前的视图配置（点击放大）：

我想使用 AJAX 来使用过滤器 (通过参数）功能，无需重新加载页面。我已启用“使用 AJAX”选项，但我不确定如何继续。 关于如何做到这一点有什么想法吗？

顺便说一句，我正在构建自己的主题（以防改变任何内容）。

---

更新： 基本上，当我浏览section/parameter1、section/parameter2...时，此视图有效，但我想对 AJAX 执行相同的操作，而无需重新加载页面。我希望现在更清楚了

Answer 1

尽管这个问题可能已经解决了，但最好的“Drupalistic 方式”在这个截屏视频中进行了解释：

http://seanbuscay.com/ajax-reader-demo

这并不难，并且可以用于视图或渲染完整节点。

根据截屏视频的作者（我可以向您保证这是正确的），以下是要记住的步骤：

1. 编写菜单回调。
2. 在页面回调函数中返回 Ajax 格式的内容。
3. 设置链接格式（将“no-js”和“user-ajax”添加到指向
   菜单回调。
4. 确保“jquery.form.js”和“drupal.ajax”库是
   已加载到页面中。

Answer 2

//select required div area to refresh
Drupal.behaviors.share_status = {
            attach: function (context) {
                var initialLoad = false;
                // Drupal passes document as context on page load.
                if (context == document) {
                    initialLoad = true;
                }
                // Make sure we can run context.find().
                var ctxt = $(context);
                   $('.empty-share-status').load( 'form-content',function(context) {
                    $(".view-share-status").load("share_status/get/ajax"); //call menu action
                });
            }
        }

//get action in module page using MENU_CALLBACK

function share_status_menu() {
    $items['share_status/get/ajax'] = array(
    'page callback' => 'share_status_get_ajax', // Render HTML
    'type' => MENU_CALLBACK,
    'access arguments' => array('access content'),
  );
    return $items;
}
// render HTML content
function share_status_get_ajax() {
  $block = module_invoke('views','block_view','share_status-block_1');
  print render($block);
}

Answer 3

这是我最终使用 ajax 加载视图块并从我在页面上创建的链接列表的 href 值传递上下文过滤器的 javascript。希望这对某人有帮助！

function getInfo(args) {

  $.ajax({
    url: Drupal.settings.basePath + 'views/ajax',
    type: 'post',
    data: {
      view_name: 'agent_lookup',
      view_display_id: 'agent_lookup_block', //your display id
      view_args: args,
    },
    dataType: 'json',
    success: function (response) {
        if (response[1] !== undefined) {
        var viewHtml = response[1].data;
        $('#ajax-target').html(viewHtml);
        //Drupal.attachBehaviors(); //check if you need this.
      }

    },
        error: function(data) {
         alert('An error occured!');
        }
  });
}



$('.ajax_button').once().click(function(e){
    e.preventDefault();
    var the_id = $(this).attr('href');
    noSlashes = the_id.replace(/\//g,'');
    getInfo(noSlashes);

});

Answer 4

我不清楚“使用过滤器（按参数）”是什么意思。当给定页面上的选择标准发生更改时，AJAX 视图会更新结果。您似乎没有可能更改的选择标准，因此无需使用 AJAX 进行更新。可能更改的选择标准包括页面（您已关闭分页）和公开的过滤器（您的过滤器未公开）。它不包括参数（您拥有），因为这些参数不会在单个页面上更改，而是在页面之间更改。

Answer 5

好吧，我找到了一个快速但肮脏的解决方案。您可以构建一个呈现视图的 php 文件，然后使用 ajax.load 在 div 中打印它。

ajax 调用：

$('#output_div').load('path/ajax_all_projects.php?type=art');

ajax 文件 (ajax_all_projects.php)：

<?php
include_once './includes/bootstrap.inc';
drupal_bootstrap(DRUPAL_BOOTSTRAP_FULL);

$get_param = $_GET["type"];
$arguments = Array();
if(!empty($get_param)){
    array_push($arguments, $get_param);
}

$view = views_get_view('all_projects');
print $view->execute_display('Block', $arguments);
?>

我认为这可以解决问题。我希望它对其他人有帮助。 :)

Answer 6

您还可以使用以下内容
从 hook_menu 创建一个页面，并在菜单函数中，调用

 views_embed_view($name, $display_id = 'default')

do 例如，如果您有一个参数

print views_embed_view('my_test_view', 'block_1', $my_arg)

，而不是

view::execute_display($display_id = NULL, $args = array())

您也可以使用

view::preview($display_id = NULL, $args = array())