1

私はDatatablesを使用しており、このjqueryプラグインをいくつかの列に表示していますhttp://www.erichynds.com/jquery/jquery-ui-multiselect-widget/ページが読み込まれるすべてのセルに表示されますが、クリックするとページ 2 または 3 には選択ボタンがありません。選択メニューのソース コードはページにありますが、メニューのボタンは生成されていないため、セルには表示されません。

データテーブルと選択メニューのコードは次のとおりです

var oTable4;
$(document).ready(function() {
            oTable4 = $('#keywords').dataTable( {
        "sDom":'t<"bottom"filp><"clear">',
        "bAutoWidth": false,
        "sPaginationType": "full_numbers",
            "aoColumns": [ 
            { "bSortable": false, "sWidth": "10px" },
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null,
            null
            ]

    } 
    ).makeEditable({
                        sUpdateURL: "UpdateData.php",
                        "aoColumns": [
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    null,
                                    {                                   
                                    tooltip: 'Click to link to',
                                    type: 'text',
                                    submit:'Ok',
                                    cancel:'Cancel',
                                    width: "100px"}                                 
                                    ]                                   
                });;
                });
$(function(){
    $("select.multiselect").multiselect({
        noneSelectedText: "- select one -",
        header: false,
        classes: "kw-wrapper fixed kwm-button",
        multiple: false,
        selectedList: 1
    });

});
4

1 に答える 1

1

問題は、新しく作成された要素にもプラグインを適用する必要があることです。次のように fnDrawCallback() を使用できます。

 "fnDrawCallback": function() {
    $("select.multiselect").multiselect({
        noneSelectedText: "- select one -",
        header: false,
        classes: "kw-wrapper fixed kwm-button",
        multiple: false,
        selectedList: 1
    });
  }
于 2011-10-17T10:01:52.720 に答える