使用w2ui.js对自定义排序上的箭头进行排序

时间:2015-10-23 14:28:17

标签: jquery w2ui

我正在使用w2ui,我有自己的自定义排序功能。 sort函数正在查找但箭头没有显示在表头中。

我已在姓氏中应用了自定义排序,您可以在点击名字时看到箭头。

如何显示箭头标记?

提前致谢。

JSFIDDLE LINK

onSort : function(event){
            if(event.field == "lname"){
                event.preventDefault();
                records = w2ui.grid.records;
             /*My custom logic starts here.(example only) */
                if(ascending){
                records.sort();
                }
                else{
                    records.reverse();
                }
                ascending = !ascending;
                w2ui.grid.reset();
           /*My custom logic endshere.(example only) */
            }
        }

1 个答案:

答案 0 :(得分:0)

我添加了此代码,我得到了箭头。

var addThisClass;
            if(ascending)
                addThisClass="w2ui-sort-up"
            else
                addThisClass="w2ui-sort-down"
            $(".w2ui-grid .w2ui-grid-body table .w2ui-head").each(function(){
                console.log($(this).text())
                if($(this).text().indexOf("Last Name")!=-1){
                    $(this).addClass(addThisClass);
                    $(this).find("div").addClass(addThisClass);
                }
            })

我更新了jsFiddle