Drupal 7 ajax_command_ *は不要なdivを作成します

Question

Drupal 7のAJAXコールバックを使用して選択ボックスを作成しています。新しい<option...>ステートメントを設定するためにajax_command_append（）とajax_command_html（）を試しましたが、私は<div>の内部に作成します。これにより、<select>にはオプションが表示されません。

Drupalに「ちょっとばかげて、これはまさに私が望むHTMLです、それを混乱させない」と言う方法はありますか？

私はdivを削除するためにいくつかのjQueryをコード化できますが、最初に追加しないようにすればもっと良いでしょう。それはだから、答えはあると思われるすべてのカスタムコードと「ajax_example」の例と同様

Answer 1

はいできます！

独自のカスタムjsコールバックを宣言します。以下の例では、divの代わりにspanを使用しました。しかし、あなたは明らかにラッパーをすべて削除することができます。

PHP：

function my_ajax_callback() { 
    $data = 'saved!'; 
    // instead of using ajax_command_html, we provide our own 
    // js custom callback function 
    $output = array(
    '#type' => 'ajax', 
    '#commands' => array(
     array('command' => 'myjscallback', 'data' => $data), 
    ), 
); 

    return $output; 
} 

JSは：

$(function() { 
    Drupal.ajax.prototype.commands.myjscallback = function (ajax, response, status) { 
    $('#save-btn-message').html('<span>' + response.data + '</span>'); 
    }; 
}); 

Answer 2

"いいえ"（少なくともコアをハッキングすることなく、私は死んだ子猫を私の良心に持たない）。

のmisc/ajax.js次のものが含まれます。

var new_content_wrapped = $('<div></div>').html(response.data); 

コメントは、その中に、彼らはトップレベルの一つであることが最初のHTML要素を必要とする理由を説明するために行きます。そうであれば、<div>ラッパーは使用されません。私の場合は、<option>要素を置き換えているので、<div>が得られます。

<select>の全体を置き換えることができましたが、ページロード時にスタイルを変更するスクリプトが原因で、他の問題が発生する可能性があります。それらを見つけて再起動するのではなく、オプションがロードされてdivラッパーが削除された後にスクリプトを実行するだけで、ajax_command_invokeを簡単に行うことができるようです。

編集：回避策として、私はajax_command_invoke($selector, 'html', array('<option...>'));を実行でき、div追加コードをバイパスすることがわかりました。こんにちは、しかし、それは動作します...

Answer 3

を持って、このモジュールをダウンロードしhttp://drupal.org/project/examples 以上の基準と例えばhttp://api.drupal.org/api/drupal/developer!topics!forms_api_reference.html/7#ajax

このリンクを見て、あなたが使用することができます

Answer 4

答えはイエスです。 だけではなく、これを使用する：

$commands[] = ajax_command_invoke('#mywrapper', 'html', array($output)); 

Answer 5

それは私の作品！

 
    $selector = '#my-select'; 
    $method = 'append'; 
    $opts = array('new option'); 

    $commands[] = ajax_command_invoke($selector, $method, $opts); 

    return array('#type' => 'ajax', '#commands' => $commands);