play 框架 和 Extjs下拉框多选 回显
时间: 2023-10-20 22:08:55 浏览: 128
extjs 复选下拉框的例子
4星 · 用户满意度95%
在使用 Play 框架和 Extjs 下拉框多选时,回显的实现可以考虑以下步骤:
1. 在后端,将选中的值保存到一个 List 中,然后将该 List 转换为 JSON 格式返回给前端。
2. 在前端,使用 Extjs 的 setValue 方法将后端返回的值设置到下拉框中。
下面是一个示例代码:
后端 Java 代码:
```java
public Result getSelectedValues() {
// 假设下拉框的名称为 "multiSelectField"
String[] selectedValues = request().body().asFormUrlEncoded().get("multiSelectField[]");
List<String> valueList = Arrays.asList(selectedValues);
return ok(Json.toJson(valueList));
}
```
前端 Extjs 代码:
```javascript
Ext.Ajax.request({
url: '/getSelectedValues',
method: 'POST',
params: {
// 将选中的值通过 POST 请求发送给后端
multiSelectField: Ext.getCmp('multiSelectField').getValue()
},
success: function(response) {
var selectedValues = Ext.decode(response.responseText);
// 将后端返回的值设置到下拉框中
Ext.getCmp('multiSelectField').setValue(selectedValues);
}
});
```
需要注意的是,上述示例中的 Ext.getCmp('multiSelectField') 需要根据实际情况进行修改,以保证能够正确获取到下拉框的引用。
阅读全文