切换网格/列表/文本视图

2020-09-19 05:00发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


你好,

我正在寻找一种在会话中从网格切换到列表或文本视图的方法。 为此,我在pagination.jsp

中添加了3个链接
  div>
    一个id =" switchGrid" hraf="#" class =" glyphicon glyphicon-th">/a>
    一个id =" switchList" hraf="#" class =" glyphicon glyphicon-th-list">/a>
    一个id =" switchText" hraf="#" class =" glyphicon glyphicon-align-justify">/a>
/div>

  

(由于某些原因,我无法添加<),并且我创建了以下javascript

  $('#switchGrid')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__grid');
          $('#srgc')。removeClass()。addClass('product__listing product__grid');
          返回false;
      }
  );
 
  $('#switchList')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__list');
          $('#srgc')。removeClass()。addClass('product__listing product__list');
          返回false;
      }
  );
 
  $('#switchText')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__text');
          $('#srgc')。removeClass()。addClass('product__listing product__text');
          返回false;
      }
  );
  

这里的问题是,这是暂时的。 如果用户转到新页面或刷新页面,它将被重置。

是否可以在会话中添加" pageView"之类的变量,在javascript中进行更改并在jsp中进行读取? 在那种情况下,我可以检查pageView是列表,网格还是文本。

谢谢。

最好的问候,塞尔达

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


你好,

我正在寻找一种在会话中从网格切换到列表或文本视图的方法。 为此,我在pagination.jsp

中添加了3个链接
  div>
    一个id =" switchGrid" hraf="#" class =" glyphicon glyphicon-th">/a>
    一个id =" switchList" hraf="#" class =" glyphicon glyphicon-th-list">/a>
    一个id =" switchText" hraf="#" class =" glyphicon glyphicon-align-justify">/a>
/div>

  

(由于某些原因,我无法添加<),并且我创建了以下javascript

  $('#switchGrid')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__grid');
          $('#srgc')。removeClass()。addClass('product__listing product__grid');
          返回false;
      }
  );
 
  $('#switchList')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__list');
          $('#srgc')。removeClass()。addClass('product__listing product__list');
          返回false;
      }
  );
 
  $('#switchText')。click(
      功能(e){
          e.preventDefault(); //阻止默认操作
          e.stopPropagation(); //停止点击冒泡
          $('#pgc')。removeClass()。addClass('product__listing product__text');
          $('#srgc')。removeClass()。addClass('product__listing product__text');
          返回false;
      }
  );
  

这里的问题是,这是暂时的。 如果用户转到新页面或刷新页面,它将被重置。

是否可以在会话中添加" pageView"之类的变量,在javascript中进行更改并在jsp中进行读取? 在那种情况下,我可以检查pageView是列表,网格还是文本。

谢谢。

最好的问候,塞尔达

付费偷看设置
发送
2条回答
Tong__Ming
1楼 · 2020-09-19 05:25.采纳回答

我通过扩展CategoryPageController与

解决了这个问题
 最终HttpServletRequest请求,最终HttpServletResponse响应,
  @RequestParam(value =" view",required = false)最终字符串pageView)抛出UnsupportedEncodingException {
  如果(null!= pageView)
  {
  sessionService.setAttribute(" pageView",pageView);
  model.addAttribute(" pageView",pageView);
  } else if(null!= sessionService.getAttribute(" pageView"))
  {
  model.addAttribute(" pageView",sessionService.getAttribute(" pageView")));
  }其他
  {
  sessionService.setAttribute(" pageView"," list");
  model.addAttribute(" pageView"," list");
  }

  

并使用ajax调用。

能不能别闹
2楼-- · 2020-09-19 05:39

能否请您详细介绍一下。.我需要为PLP启用网格和列表视图切换

一周热门 更多>