使用 Struts2-jQuery-grid 插件在可编辑的网格列中使用下拉列表

Question

我正在尝试使用Struts2-jQuery-grid-3.7.0 插件在网格列中填充下拉列表，如下所示。

<s:url id="dataURL" action="CategoryList" namespace="/admin_side"/>

<sjg:gridColumn name="subCategory.category.catName" 
                index="subCategory.category.catName" 
                edittype="select"
                searchtype="select" 
                formoptions="{label:'Select'}" 
                surl="%{dataURL}" 
                editoptions="{dataUrl : '%{dataURL}'}"
                editrules="{required: true}" 
                title="Category" width="200" 
                sortable="true" search="true" 
                editable="true" sorttype="text"/>

而CategoryList动作映射到的动作如下。

@Namespace("/admin_side")
@ResultPath("/WEB-INF/content")
@ParentPackage(value="struts-default")
public final class CategoryList extends ActionSupport implements Serializable {
    @Autowired
    private final transient Service service = null;
    private List<Category>categories = new ArrayList<Category>();

    private static final long serialVersionUID = 1L;

    public List<Category> getCategories() {
        return categories;
    }

    @Action(value = "CategoryList",
            results = {
                @Result(name = ActionSupport.SUCCESS, location = "Product.jsp"),
                @Result(name = ActionSupport.INPUT, location = "Product.jsp")},
            interceptorRefs = {
                @InterceptorRef(value = "defaultStack", params = {"validation.validateAnnotatedMethodOnly", "true", "validation.excludeMethods", "load"})})
    public String load() throws Exception {
        System.out.println("load called...");
        categories = service.getCatgeoryList();
        return ActionSupport.SUCCESS;
    }
}

当单击网格上的给定编辑链接时，将执行 load() 方法，从数据库中加载类别列表。

但是，网格中的列表在编辑模式下（单击编辑链接时）不显示任何内容。我找不到可以证明这种事情的相关例子。

尤其是如何填充此下拉列表，如何使用catName 属性和值分别使用catId（Long 类型）属性赋予此下拉标签（而列表中的category许多其他属性）？

我找不到将java.util.List<E> 映射到<sjg:grid> 的相关示例。

---

_{subCategory.category.catName 是Product 实体的嵌套属性。}

_{在这种情况下，即使在填充列表后，也要注意该列的显示值为catName（String类型的类别名称）。然而，要设置为 Product 实例的所选项目的值应该是 catId（Long 类型的类别 ID），这似乎是不可能的，因为该列的名称是 subCategory.category.catName。}

_{直观地说，catId (subCategory.category.catId) 将被映射到 catName (subCategory.category.catName)，如果我能正确地设想，就好像列表已经填充一样。}

Answer 1

关于与gridColumn 和editoptions 属性相关的文档：

dataUrl

此选项仅对 select 类型的元素有效 - 即， edittype:select 并且应该是获取 AJAX 数据的 URL 选择元素。数据是通过 AJAX 调用获得的，应该是 具有所需选项的有效 HTML 选择元素一个…。您可以使用选项组。

您的操作必须返回有效的select 元素。 这意味着，您的 Product.jsp 结果需要如下所示：

<%@ taglib prefix="s" uri="/struts-tags"%>
<s:select list="categories" key="id" value="name"/>

参考：http://www.trirand.com/jqgridwiki/doku.php?id=wiki:common_rules

Answer 2

在 Struts 2 中，HTML 下拉列表可以通过<s:select> 标签呈现。要为下拉列表自动选择默认值，只需在标签中声明“value” 属性，并相应地设置默认值。

示例：

为下拉框生成选择选项的 Java 列表。

//...
public class SelectAction extends ActionSupport {

    private List<String> searchEngine;
    private String yourSearchEngine;

    //set default value
    public String getDefaultSearchEngine() {
        return "yahoo.com";
    }

    public SelectAction() { 
        searchEngine = new ArrayList<String>();
        searchEngine.add("google.com");
        searchEngine.add("bing.com");
        searchEngine.add("yahoo.com");
        searchEngine.add("baidu.com");
    }
    //...
}

标记来呈现 HTML 下拉框。 value=”defaultSearchEngine”会调用对应的Action类getDefaultSearchEngine()方法返回一个默认的搜索引擎值。

许多操作都有共同的关注点。某些操作需要输入验证。其他操作可能需要对文件上传进行预处理。另一个 Action 可能需要防止双重提交。许多操作需要drop-down lists 和其他控件在页面显示之前预先填充。

<s:select label="What's your favor search engine" 
    headerKey="-1" headerValue="Select Search Engines"
    list="searchEngine" 
    name="yourSearchEngine" 
    value="defaultSearchEngine" />

在本例中，下拉框将自动选择“yahoo.com”作为默认选项。

将 Struts2 jQuery 插件标签库添加到您的 JSP

<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ taglib prefix="sjg" uri="/struts-jquery-grid-tags"%>

在您的 Head 标签中启用 jQuery Grid 插件

<sj:head jqueryui="true" jquerytheme="redmond" />

更新：

在你的 JSP 中指定一个编辑 URL

<s:url var="editurl" action="edit-grid-entry"/>

并通过在您的 JSP 中设置以下属性来启用编辑

 <sjg:grid ... editurl="%{editurl}" ...>

然后定义哪个列应该是可编辑的

<sjg:gridColumn ...
  editable="true" 
  edittype="<type>" 
  editoptions="{<options>}"
  editrules="{<rules>}"
... />

编辑选项示例：

<sjg:gridColumn 
name="country" 
index="country" 
title="Country" 
editable="true" 
edittype="select" 
editoptions="{value:'France:France;USA:USA;Australia:Australia;Norway:Norway;Spain:Spain'}"/>

编辑规则示例：

<sjg:gridColumn name="creditLimit"
              index="creditLimit"
              title="Credit Limit" 
              editable="true"
              editrules="{
                             number: true,
                             required: true,
                             minValue : 100.0,
                             maxValue : 10000.0
                         }"
              formatter="currency"/>

更新：1

<select name="catid" size="15" id="dataURL" multiple="multiple">    
    <option value="1 - One ">1 - One </option> 
    <option value="2 - Two">2 - Two</option> 
    <option value="3 - Three">3 - Three</option> 
    <option value="4 - Four">4 - Four</option> 
    <option value="5 - Five">5 - Five</option> 
</select>