javascript - plupload でソートされた行の順序を取得する方法

Question

Plupload の行をソートする必要があるという要件があります。コードを追加したところ、(sortable : true)動作するようになりました。今、私はソートの順序を知りたいです。どんな助けでも大歓迎です。

Answer 1

FilesAdded でinitialIndex、ファイル オブジェクトにプロパティを追加してみてください。そして、後でファイル オブジェクトに対してこのプロパティをクエリして、実行された順序を確認します。

仮定uploaderは次のとおりです。

var uploader = $('#uploader').plupload('getUploader');

それから

    // add initialIndex property on new files, starting index on previous queue size
uploader.bind('FilesAdded', function(up,files){
         for(var i = 0, upPreviousSize = up.files.length - files.length, size = files.length; i<size; i++)
          {
              files[i]["initialIndex"] = i +upPreviousSize ;
          }
          //console.log(up.files);
        });


    // remove the 'holes' in the sequence when removing files 
    // (if not, next files adding would introduce duplicate initialIndex)
uploader.bind('FilesRemoved', function(up,files){
         // process removed files by initialIndex descending
         var sort = function(a,b){return b.initialIndex - a.initialIndex;};
         files.sort(sort);
         for(var i = 0, size = files.length; i<size; i++)
          {
            var removedFile = files[i];
            // update the remaining files indexes
            for (var j =0, uploaderLength = up.files.length; j<uploaderLength; j++)
            {
            var remainingFile = up.files[j];
            if(remainingFile["initialIndex"] >  removedFile["initialIndex"])
                remainingFile["initialIndex"]--;
            }
          }           
          //console.log(up.files);
        });

Answer 2

Plupload 2.1 jQuery UI ウィジェットを使用している場合:

uploader.bind('BeforeUpload', function (up, file) {
  var index = $('#uploader_filelist li').index($('#' + file.id));
});