移动代码

Question

我有点好奇，如果这里有任何编码我可以放在dataTables脚本中。我在每个模块的javascript页面上都有相同的编码，所以我想用类似的编码，我可以把所有相同的编码放回到dataTables页面。

$.fn.dataTableExt.oApi.fnLengthChange = function ( oSettings, iDisplay ) {
oSettings._iDisplayLength = iDisplay;
oSettings.oApi._fnCalculateEnd( oSettings );

/* If we have space to show extra rows (backing up from the end point - then do so */
if ( oSettings._iDisplayEnd == oSettings.aiDisplay.length )
{
    oSettings._iDisplayStart = oSettings._iDisplayEnd - oSettings._iDisplayLength;
    if ( oSettings._iDisplayStart < 0 )
    {
        oSettings._iDisplayStart = 0;
    }
}

if ( oSettings._iDisplayLength == -1 )
{
    oSettings._iDisplayStart = 0;
}

oSettings.oApi._fnDraw( oSettings );

$('select', oSettings.oFeatures.l).val( iDisplay );
};

$(document).ready(function() {

var pageName = $('#pageName').val();    

var oTable = $('#templatesPageList').dataTable( {
    "sDom": 'rti<"pagination"p>',
    "iDisplayLength": 10,
    "sPaginationType": "full_numbers"
});

if(oTable.fnSettings().fnRecordsTotal() <= 10) {
    $('div.pagination').remove();
} else {
    $('div.pagination').append();
}
if(oTable.fnSettings().fnRecordsTotal() == 0) {
    $('.bt_red').remove();
    $('.bt_blue').remove();
}
if(oTable.fnSettings().fnRecordsTotal() <= 10) {
    $('.bt_blue').remove();
}

var info = $('.dataTables_info');
$('tfoot tr td.rounded-foot-left').append(info);

$('.edit').live('click', function(e) {
    e.preventDefault();
    var templateID = $(this).attr('id');
    if(!$('div.right_content').hasClass("loading")){
        $('div.right_content').addClass("loading").load('modules/forms/edit/templates.php?templateID=' + templateID, 
        function(){
            $(this).removeClass("loading");
        });
    }
});

$('a.bt_green').click(function(e) {
    e.preventDefault();
    $('div.right_content').load('modules/forms/addnew/' + $(this).attr('id'));
});

$('table tr').click(function() {

    checkBox = $(this).children('td').children('input[type=checkbox]');

    if(checkBox.attr('checked'))
        checkBox.removeAttr('checked');
    else
        checkBox.attr('checked', 'checked');

});

$('.ask').jConfirmAction( {
    question : "Are you sure you want to delete the selected row?", 
    yesAnswer : "Yes", 
    cancelAnswer : "No", 
    onYes: function(evt) { 
      templates(evt.target); 
    }
});

$('.ask2').jConfirmAction( {
    question : "Are you sure you want to delete all selected rows?",
    questionClass: "question2", 
    onYes: function(evt){
        templatesArray(evt.target); 
    }
});

$('.viewAll').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(-1);
    $(this).removeClass('viewAll').addClass('paginateRecords');
    $(this).find('strong').html('View Paginated Records');
    $('.pagination').hide();
}); 

$('.paginateRecords').live('click', function(e) {
    e.preventDefault();
    oTable.fnLengthChange(10);
    $(this).removeClass('paginateRecords').addClass('viewAll');
    $(this).find('strong').html('View All Site Templates'); 
    $('.pagination').show();          
});

function templates(whatsThis) {
    var templateID = $(whatsThis).parents('td').find('img').attr('id');
    var dataString = 'templateID=' + templateID + '&deleteTemplate=True'; 

    var iRow = oTable.fnGetPosition( $(whatsThis).parents('tr').get(0));

    $.ajax({ 
        type: "POST", 
        url: "processes/templates.php", 
        data: dataString,
        success: function(data) {
            if (data.errorsExist) {
            } else {
                oTable.fnDeleteRow(iRow);     // remove the row from the table
                if(oTable.fnSettings().fnRecordsTotal() == 0) {
                    $('.bt_red').remove();
                    $('.bt_blue').remove();
                }
                if(oTable.fnSettings().fnRecordsTotal() <= 10) {
                    $('.bt_blue').remove();
                }
                if(oTable.fnSettings().fnRecordsTotal() <= 10) {
                    $('div.pagination').remove();
                }

            } 
        }
    });
}


function templatesArray(whatsThis) {
    var myNewArray = new Array(); 
    var aRow = new Array();

    $('input:checkbox[name="templates"]:checked').each(function(i) { 
        myNewArray.push($(this).val());
        aRow.push($(this).closest('tr')[0]);
    }); 
    var dataString = 'templatesArray=' + myNewArray + '&deleteTemplatesArray=True'; 
    $.ajax({ 
        type: "POST", 
        url: "processes/templates.php", 
        data: dataString,
        success: function(data) {
            if (data.errorsExist) {
            } else {
                $(whatsThis).parents("tr").eq(0).hide(); 
                for (i in aRow)  // loop over the array of row indexes
                  oTable.fnDeleteRow(aRow[i]);
                if(oTable.fnSettings().fnRecordsTotal() == 0) {
                    $('.bt_red').remove();
                    $('.bt_blue').remove();
                }
                if(oTable.fnSettings().fnRecordsTotal() <= 10) {
                    $('.bt_blue').remove();
                }
                if(oTable.fnSettings().fnRecordsTotal() <= 10) {
                    $('div.pagination').remove();
                }                      
            } 
        }
    });

}

});

Answer 1

是的，您可以将此文件中适用于多个页面的任何内容移出到这些页面上加载的脚本文件中。

通常情况下，如果我决定放入什么文件，我会标记两者都可以的函数/块：

1. 无需设置或绑定任何其他内容即可运行

2. 需要或在多个页面上使用

将这些东西复制到另一个js文件中，将其导入相关页面，感觉好一点，你不需要维护12,000行javascript文件而不是几个较小的javascript文件。

关于特定文件，我不知道jquery.dataTables.js中有什么，但我建议将你自己的代码移到已命名的文件中，以反映它们的用途或至少使用它们的位置。

不确定这是否是你要求的，但希望它有所帮助。