webform列表自定义排序
框架:
前端主要使用JQuery;后端使用SpringMVC+Hibernate。
具体的设计思路:
对可排序的th,设置class=”sortable”,value为排序字段名称,使用order属性保存当前选择的排序顺序:升序、降序或无排序。
增加一个隐藏的input,使用string来保存向后台提交的排序信息。
前端监听点击事件,改变th的图标、order值,并设置到隐藏的input中。注意:用户可以同时选择多列且不同的排序顺序,input中string必须要能反应正确的排序顺序。
点击th改变排序排序,同时会触发相应的form提交数据。
后端接收到请求后,从request中提取中input提交的排序信息,动态构造相关的Sort。然后查询数据。
jquery框架定义
view渲染时,需要将input提交的数据再写入回去。
前端加载完页面,然后再根据input中的值,刷新th的图标和order属性。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论