ExtJs GridPanel动态列完整版

最新推荐文章于 2020-05-03 13:01:07 发布

原创最新推荐文章于 2020-05-03 13:01:07 发布 · 9.4k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#extjs #header #function #string #session #class

该博客展示了如何使用ExtJS动态生成GridPanel列。通过ScoreSheetView和ScoreSheetHeaderView类，结合Controller处理HTTP请求，从数据库获取数据，并在前端页面上使用Ajax请求动态加载表头和数据。在页面显示部分，利用Ext.Ajax.request获取表头信息，然后构建ColumnModel和Store，实现了成绩表的动态展示，包括固定列和根据数据动态生成的列。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如图是我做成的效果：前面3列为固定的，后面4列是动态从数据库读取的。

ScoreSheetView类-用于生成json字符串

public class ScoreSheetView implements Serializable { private static final long serialVersionUID = -7478139883055728881L; private Semester semester; private StudentView student; private String scoreSheet; private List<Double> scores;

表头类-生成成绩动态表头

public class ScoreSheetHeaderView implements Serializable { private static final long serialVersionUID = -9116348910410634412L; private String header; private String dataIndex;

controller类中控制：

@RequestMapping("/portfolio/srcs/getScoreSheet.htm") public ModelAndView getScoreSheet( @RequestParam("semesterId") Long semesterId, HttpSession session, ModelMap modelMap) { List<ScoreSheetView> views = new ArrayList<ScoreSheetView>(); List<ScoreSheetRow> scoreSheets =scoreSheetRowDao.findByStudent( for (ScoreSheetRow row : scoreSheets) { ScoreSheetView view = new ScoreSheetView(row); view.setScores(getScores(row)); views.add(view); } } } modelMap.put("success", true); modelMap.put("totalCount", views.size()); modelMap.put("root", views); } return new ModelAndView(new MappingJacksonJsonView(), modelMap); }

@RequestMapping("/portfolio/srcs/getScoreSheetHeaders.htm") public ModelAndView getScoreSheetHeaders(HttpSession session, ModelMap modelMap) { List<ScoreSheetHeaderView> headerViews = new ArrayList<ScoreSheetHeaderView>(); //取得headerViews ScoreSheetHeaderView headerView = new ScoreSheetHeaderView(); headerView.setHeader(entry.getKey().getName()); headerView.setDataIndex("scores"); headerViews.add(headerView); } Collections.reverse(headerViews); modelMap.put("success", true); modelMap.put("totalCount", headerViews.size()); modelMap.put("root", headerViews); } return new ModelAndView(new MappingJacksonJsonView(), modelMap); }

在页面显示：