[Jquery,CoffeeScript] Sorting a Select box using Jquery, Coffeescript

It’s a simple code for ‘Sorting a select box’ using jquery, coffeescript

Sorting a Select box using Jquery, Coffeescript


I tried to find coffeescript code for sorting a select box.
But I didn’t find it.

Cause I just wrote own sorting select box code using jquery and coffeescript.

Copy and Paste below sorting select box coffeescript code and use it Freely.:D

Jquery, Coffeescript를 이용한 Select box 정렬 함수 입니다.

Simple Select Sorting Code (CoffeeScript Version)



 


#--Simple Select Sorting Method. (S3M:D)--

#sortingSelectBox(selectTagId,sortBy,order)

#selectTagId <select id="selectTagId"></select>

#sortBy [0:Text, 1:Value] - default:0

#order[0:Ascending, 1:Descending] - default:0

#Examples

#sortingSelectBox("mySelectTagId",1,1) sortBy Value in Descending order

#sortingSelectBox("mySelectTagId",1) sortBy Value in Ascending order

#sortingSelectBox("mySelectTagId") sortBy Text in Ascending order

#

#by JoongSeob Vito Kim - http://dorajistyle.pe.kr

sortingSelectBox = (selectBoxId,sortBy,order) ->

  sortBy ?= 0

  order ?= 0

  sortVal = 0

  if order is 1 then sortVal = 2

  orderValLeft = -1 + sortVal

  orderValRight = 1 - sortVal

  selectBox = $("select#"+selectBoxId)

  options = $("select#"+selectBoxId+" option")

  selectedVal = selectBox.val()

  sortedOption = options.clone()

  options.empty().remove()

  switch sortBy

    when 0

      sortedOption.sort((left,right)->

        leftText = left.text.toLowerCase()

        rightText = right.text.toLowerCase()

        if leftText < rightText then return orderValLeft

        if leftText is rightText then return 0

        orderValRight

      )

    else

      sortedOption.sort((left,right)->

        leftVal = left.value

        rightVal = right.value

        if leftVal < rightVal then return orderValLeft

        if leftVal is rightVal then return 0

        orderValRight

      )

  selectBox.append(sortedOption)

  selectBox.val(selectedVal)

 



  

Simple Select Sorting Code (JavaScript Version)


 


//Simple Select Sorting Method. (S3M:D)

//sortingSelectBox(selectTagId,sortBy,order)

//selectTagId <select id="selectTagId"></select>

//sortBy [0:Text, 1:Value] - default:0

//order[0:Ascending, 1:Descending] - default:0

//Examples

//sortingSelectBox("mySelectTagId",1,1) sortBy Value in Descending order

//sortingSelectBox("mySelectTagId",1) sortBy Value in Ascending order

//sortingSelectBox("mySelectTagId") sortBy Text in Ascending order

//

//by JoongSeob Vito Kim - http://dorajistyle.pe.kr

sortingSelectBox = function(selectBoxId, sortBy, order) {

var options, orderValLeft, orderValRight, selectBox, selectedVal, sortVal, sortedOption;

if (sortBy != null) {

sortBy;

} else {

sortBy = 0;

};

if (order != null) {

order;

} else {

order = 0;

};

sortVal = 0;

if (order === 1) {

sortVal = 2;

}

orderValLeft = -1 + sortVal;

orderValRight = 1 - sortVal;

selectBox = $("select#" + selectBoxId);

options = $("select#" + selectBoxId + " option");

selectedVal = selectBox.val();

sortedOption = options.clone();

options.empty().remove();

switch (sortBy) {

case 0:

sortedOption.sort(function(left, right) {

var leftText, rightText;

leftText = left.text.toLowerCase();

rightText = right.text.toLowerCase();

if (leftText < rightText) {

return orderValLeft;

}

if (leftText === rightText) {

return 0;

}

return orderValRight;

});

break;

default:

sortedOption.sort(function(left, right) {

var leftVal, rightVal;

leftVal = left.value;

rightVal = right.value;

if (leftVal < rightVal) {

return orderValLeft;

}

if (leftVal === rightVal) {

return 0;

}

return orderValRight;

});

}

selectBox.append(sortedOption);

return selectBox.val(selectedVal);

};



 

  
by 月風



by


Tags : , , , , ,

  • 재미있게 읽으셨나요?
    광고를 클릭해주시면,
    블로그 운영에 큰 도움이 됩니다!