JQuery EasyUI Datagrid 清空排序状态（箭头）代码

刀下生刀下死

已于 2022-07-02 23:12:15 修改

阅读量620

点赞数

文章标签： jquery easyui javascript

于 2022-07-02 23:10:33 首次发布

本文链接：https://blog.csdn.net/Ayanamilove/article/details/125579301

版权

使用DataGrid排序
结果发现一个不小的问题

    $('#mydatagrid').datagrid('options').sortName = ""
    $('#mydatagrid').datagrid('options').sortOrder = ""

这两行代码的确能清楚向服务器请求的排序，但表格上的箭头还是不会清除
就是那个蓝色的玩意
百度了很久，没找到解决办法
最后通过研究class标记找到了解决方案
记录在此：

    var myclass = ""
    //like datagrid-cell datagrid-sort datagrid-cell-c1-AccessTime datagrid-sort-asc
    if ($('#mydatagrid').datagrid('options').sortOrder == "asc") {
        myclass = $("[class$='datagrid-sort-asc']").attr("class")
        myclass = myclass.replace("datagrid-sort-asc", "datagrid-sort")
        $("[class$='datagrid-sort-asc']").attr("class", myclass)
    }
    else if ($('#mydatagrid').datagrid('options').sortOrder == "desc")
    {
        myclass = $("[class$='datagrid-sort-desc']").attr("class")
        myclass = myclass.replace("datagrid-sort-desc", "datagrid-sort")
        $("[class$='datagrid-sort-desc']").attr("class", myclass)
    }

就是找到对应class的标记然后去掉
在这里插入图片描述

如上