【问题标题】:HTML5 dataList and arrayLists in Struts2Struts2 中的 HTML5 数据列表和数组列表
【发布时间】:2014-08-06 20:44:46
【问题描述】:

我有一个 Struts2 程序,我想在其中实现自动完成功能,并且偶然发现了数据列表标签 - 一个看似易于使用的功能正是我正在寻找的。在此之前,我打算使用 struts2-dojo-tag 插件,但在此站点的帮助下,我意识到不再支持该插件。

因为我需要我的自动完成是动态的,所以我将一个不同长度的 arrayList 传递到我的 JSP 中,并打算遍历所述 arrayList 以将其输入到 dataList 标记中。这就是我现在拥有的:

 <s:set var="exampleList" value="exampleList" />
 <p>
  <label>  Enter your favorite guitar player:<br />
     <input type="text" id="favGtrPlayer" list="GtrPlayers">
      <datalist id="GtrPlayers">
         <s:iterator status="stat" value="exampleList">
                 <option value="%{exampleList.next()}">
         </s:iterator>
      </datalist>
   </label> 
 </p>

exampleList 已成功从 action 转移到 jsp。我只是对如何正确迭代它并将其分配给 dataList 标记的选项感到困惑。

提前感谢您提供的任何帮助。

【问题讨论】:

    标签: html arraylist struts2 iterator datalist


    【解决方案1】:

    试试这个,

    <label>  Enter your favorite guitar player:<br />
     <input type="text" id="favGtrPlayer" list="GtrPlayers">
       <s:iterator status="stat" value="exampleList">
                 <option value="exampleList.id">  //use pojo class variable.`private String id`
       </s:iterator>
     </datalist>
    

    【讨论】:

    • 感谢您的回答 - 我找到了一个更简单的解决方案,但我感谢您的努力
    【解决方案2】:

    我找到了问题的答案,我就是这样做的:

     <input list="browsers" />
     <datalist id="browsers">
          <s:iterator status="stat" value="exampleList">
             <option value=<s:property/> />
          </s:iterator>
     </datalist>
    

    这会遍历我的列表并将列表中的每个条目添加到自动完成菜单中。

    【讨论】:

      【解决方案3】:
       <datalist id="GtrPlayers">
               <s:iterator status="stat" value="exampleList">
                       <option value="%{exampleList.next()}">
               </s:iterator>
            </datalist>
      

      &lt;option value="%{exampleList.next()}"&gt;>

      你应该使用&lt;option value="&lt;s:property value="PropertyName"/&gt; /&gt;

      输入您要显示的PropertyName

      【讨论】:

        猜你喜欢
        • 2015-09-30
        • 1970-01-01
        • 1970-01-01
        • 2013-04-07
        • 1970-01-01
        • 2021-05-31
        • 1970-01-01
        • 2016-04-16
        相关资源
        最近更新 更多