Jquery数据表字母过滤器

jQuery数据表自定义筛选

这是我的jQuery数据表。我的桌子上需要一个电动过滤器。我使用ajax方法从数据库中过滤数据。但我有一些问题。 当我过滤数据时，jQuery数据表中显示结果的条目不会根据我的过滤而改变。 如果有其他改变过滤的想法

table.jsp

UsersDAO.java

controller.java

---

您不需要为此目的使用ajax。只需使用引导表和。它将自动添加过滤器、分页、排序 参考此 类html

<table cellpadding="0" cellspacing="0" border="0" class="bordered-table zebra-striped dataTable no-footer" id="example" role="grid" aria-describedby="example_info">
 //rows here 
</table>

jquery

if($('#example').length > 0)
    {
        landing_table = $('#example').DataTable
        ({
            "bJQueryUI": false,
            "bAutoWidth": true,
            "iDisplayLength": 5,
            "sPaginationType": "full_numbers",
             "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
            "sDom": '<"datatable-header"fl>t<"datatable-footer"ip>',
            "oLanguage": 
            {
                    "sLengthMenu": "<span>Show entries:</span> _MENU_"
            },
           "stateSave": true,
           "stateDuration": 60 * 60 * 24,
           "aaSorting": [[ 0, "desc" ]],

        });

    }

---

我需要按字母顺序筛选我的数据表。当我单击表数据筛选器并显示以A开头的数据时。筛选时，显示的条目会根据筛选操作而更改。

@RequestMapping(value = "/sortEquipmentModel",method = RequestMethod.POST)
@ResponseBody
public List<Users> sortData(@RequestParam Map<String,String> request,Model model)
{
    String startwith = request.get("startLetter");
    List<Users> users = userdao.sortData(startwith);

    Collections.sort(users,new Comparator<Users>(){
            @Override
            public int compare(Users s1, Users s2) {
                // TODO Auto-generated method stub
                return s1.getName().compareToIgnoreCase(s2.getName());
            }
        });
    System.out.println(users.isEmpty());
    System.out.println(users.size());
    System.out.println(users);
    return users;
}

<table cellpadding="0" cellspacing="0" border="0" class="bordered-table zebra-striped dataTable no-footer" id="example" role="grid" aria-describedby="example_info">
 //rows here 
</table>

if($('#example').length > 0)
    {
        landing_table = $('#example').DataTable
        ({
            "bJQueryUI": false,
            "bAutoWidth": true,
            "iDisplayLength": 5,
            "sPaginationType": "full_numbers",
             "aLengthMenu": [[5, 10, 25, 50, -1], [5, 10, 25, 50, "All"]],
            "sDom": '<"datatable-header"fl>t<"datatable-footer"ip>',
            "oLanguage": 
            {
                    "sLengthMenu": "<span>Show entries:</span> _MENU_"
            },
           "stateSave": true,
           "stateDuration": 60 * 60 * 24,
           "aaSorting": [[ 0, "desc" ]],

        });

    }