Spring MVC 3.2 Thymeleaf Ajax片段
我正在用Spring MVC3.2和Thymeleaf模板引擎构建应用程序。我是沉香酒的初学者。
我有一切工作，包括Thymeleaf，但我想知道是否有人知道一个简单明了的图图如何做简单的Ajax请求控制器，结果只呈现一个模板的一部分（片段）。
@RequestMapping("/dimensionMenuList")
public String showDimensionMenuList(Model model) {
Collection<ArticleDimensionVO> articleDimensions;
try {
articleDimensions = articleService.getArticleDimension(ArticleTypeVO.ARTICLE_TYPE);
} catch (DataAccessException e) {
// TODO: return ERROR
throw new RuntimeException();
}
model.addAttribute("dimensions", articleDimensions);
return "/admin/index :: dimensionMenuList";
}
<ul th:fragment="dimensionMenuList" class="dropdown-menu">
<li th:unless="${#lists.isEmpty(dimensions)}" th:each="dimension : ${dimensions}">
<a href="#" th:text="${dimension.dimension}"></a>
</li>
</ul>
共有1个答案
下面是我在一篇博客文章中发现的一种方法：
我不想使用这些框架，所以在本节中，我使用jQuery向服务器发送一个AJAX请求，等待响应，并部分更新视图（片段呈现）。
表单
<form>
<span class="subtitle">Guest list form</span>
<div class="listBlock">
<div class="search-block">
<input type="text" id="searchSurname" name="searchSurname"/>
<br />
<label for="searchSurname" th:text="#{search.label}">Search label:</label>
<button id="searchButton" name="searchButton" onclick="retrieveGuests()" type="button"
th:text="#{search.button}">Search button</button>
</div>
<!-- Results block -->
<div id="resultsBlock">
</div>
</div>
</form>
function retrieveGuests() {
var url = '/th-spring-integration/spring/guests';
if ($('#searchSurname').val() != '') {
url = url + '/' + $('#searchSurname').val();
}
$("#resultsBlock").load(url);
}
@RequestMapping(value = "/guests/{surname}", method = RequestMethod.GET)
public String showGuestList(Model model, @PathVariable("surname") String surname) {
model.addAttribute("guests", hotelService.getGuestsList(surname));
return "results :: resultsList";
}
@RequestMapping(value = "/guests", method = RequestMethod.GET)
public String showGuestList(Model model) {
model.addAttribute("guests", hotelService.getGuestsList());
return "results :: resultsList";
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
</head>
<body>
<div th:fragment="resultsList" th:unless="${#lists.isEmpty(guests)}" id="results-block">
<table>
<thead>
<tr>
<th th:text="#{results.guest.id}">Id</th>
<th th:text="#{results.guest.surname}">Surname</th>
<th th:text="#{results.guest.name}">Name</th>
<th th:text="#{results.guest.country}">Country</th>
</tr>
</thead>
<tbody>
<tr th:each="guest : ${guests}">
<td th:text="${guest.id}">id</td>
<td th:text="${guest.surname}">surname</td>
<td th:text="${guest.name}">name</td>
<td th:text="${guest.country}">country</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
该片段是一个带有注册来宾的表，将插入结果块中。
-
我有一个，它创建一个，然后这个创建另一个: 这让我想到。是否真的可以删除并转到？ 提前感谢您的时间，我在网上找不到任何合适的信息！
-
此时，Frag2在堆栈上，是唯一可见的片段。我使用了replace和addToBackStack，因为我需要后退导航。我的问题是，当我在Frag2内旋转屏幕时，活动中的super.oncreate（savedInstanceState）方法调用frag1的构造函数。 在用户按下后退按钮之前，有没有什么方法可以避免调用Frag1的构造函数？
-
在我的应用程序中，当点击导航抽屉上的不同项目时，我需要在片段之间切换。我为它创建了一个新方法DisplayFragment。代码如下： 它显示了错误的"片段元素在上面的行如下"错误的第二个参数类型找到android.support.v4.app.片段；需要android.app.片段；" 我试着改变从android的导入。支持v4.app。碎片到android。应用程序。碎片但它随后显示了Frag
-
问题内容： 我很好奇拆包切片并将其作为参数发送给可变参数函数。 假设我们有一个带有可变参数的函数： 如果我们不想传入一个接口，它就可以工作，那么我们是否拆包都没关系： 如果我们有一片片的话，那会很棘手。在这里，编译器不允许我们传递解压版本： 错误提示： 在解包参数中不能将sliceOfSlices（类型[] [] interface {}）用作类型[] interface {} 我不知道为什么会这
-
问题内容： 我阅读了很多有关片段的文章，但是我仍然对如何做感到困惑。 我有一个MainActivity，它并排显示两个片段。在一个片段中，我有一个按钮，并在该片段的片段布局XML中定义 现在我要实现该方法 我以为必须在FragmentA.java中实现，而不是在MainActivity.java中实现。但是，只有在MainActivity.java中实现了该方法后，该方法才有效。这是为什么？对我而
-
我有一个TabLayout或TabHost的设计，无论你想考虑什么。假设这是选项卡- Tab1 | Tab2 | Tab3 | Tab4 | Tab5 在此情况下，将执行以下操作- 表1-打开碎片1 表2-打开碎片2 Tab3-在现有片段上打开一个覆盖图，显示半透明的黑色视图 表4-打开碎片3 表5-打开碎片4 你知道怎么解决这个问题吗？提前感谢！！ 更新：我使用的解决方案 我试过这个，但不得不进
-
我试着用x光和cognito做对比： 但我犯了很多错误： SEVere：抑制AWS X射线上下文丢失异常（SegmentNotFoundExctive）：无法开始名为AWSCognitoIdtyProvider的亚节：无法找到段 我举了一个例子： https://docs.aws.amazon.com/xray/latest/devguide/xray-sdk-java-awssdkclients
-
片段缓存指的是缓存页面内容中的某个片段。例如，一个页面显示了逐年销售额的摘要表格， 可以把表格缓存下来，以消除每次请求都要重新生成表格的耗时。 片段缓存是基于数据缓存实现的。 在视图中使用以下结构启用片段缓存： if ($this->beginCache($id)) { // ... 在此生成内容 ... $this->endCache(); } 调用 beginCache(