2016年3月8日 星期二

javascript 依照中文筆劃排序

array.sort(function(a,b){return a.localeCompare(b, "zh-Hant")})


切換排序方向並顯示箭頭
<div @click="排序('text');arrs=arrs.sort((a, b) => (a.text || '').localeCompare((b.text || ''), 'zh-Hant')*排序值)">
    {{ arr.text }}
    <div style="float:right" v-if="排序欄位=='text'"><span v-if="排序值==1">▲</span><span v-if="排序值==-1">▼</span></div>
</div>
const 排序 = (value) => {
    const 切換欄位 = 排序欄位.value != value;
    排序欄位.value = value;
    if (!切換欄位) 排序值.value = 排序值.value == -1 ? 1 : -1;
}


多欄位排序
arrs.sort((a, b) => (a.text.localeCompare(b.text, 'zh-Hant')*10+(a.text2 || '').localeCompare((b.text2 || ''), 'zh-Hant'))*排序值)

沒有留言:

input 連結 datalist 用程式控制彈出選項

範例: nextTick(() => document.querySelector('input').showPicker());  ※僅支援現代瀏覽器