使用spring组合JQuery Mobile组件

时间:2013-12-17 11:16:18

标签: java jquery spring jquery-mobile spring-mvc

目前,我使用JQuery Mobile创建了一个Web移动应用程序。我在这个文件中创建了一个包含不同fiels的表单:

<body>
    ...
    <div data-role="page" data-ajax="false" id="page1">
         <jsp:include page="header.jsp"></jsp:include>

         <div data-role="content">

            <form id="myForm" method ="post" action="/Address" data-ajax="false">
                 <input name="streetName" id="streetName" placeholder="<spring:message code="streetName" />" value="" type="text">
                 <input name="streetNumber" id="streetNumber" placeholder="<spring:message code="streetNumber" />" value="" type="text">
                 <input name="zipCode" id="zipCode" placeholder="<spring:message code="zipCode" />" value="" type="text">
                 <input name="city" id="city" placeHolder="<spring:message code="city" />" value="" type="text">
                 <select name="select-country" id="country">

                      <option selected="selected" value="select a country">
                            <spring:message code="selectCountry" />
                      </option>

                      <% 
                       String[] locales = LocaleContextHolder.getLocale().getISOCountries();
                       List<String> countryList = new ArrayList<String>();
                       for(String countryCode : locales){
                            Locale loc = new Locale("",countryCode);
                            countryList.add(loc.getDisplayCountry());
                        }
                        Collections.sort(countryList);

                       for(String country : countryList){ 
                      %>

                      <option value=<%= country %>>
                          <%= country %>
                      </option>
                     <% } %>
                </select>

               <a id="validationBtn" data-role="button" data-theme="b" data-rel="dialog" data-ajax="false"><spring:message code="adressValidateBtn" /></a>
         </form>
   </div>
 </div>

<div data-role="dialog" id="dialog">
    <div data-role="header" data-theme="b">
          <h1><spring:message code="errorDetailsDialog" /></h1>
    </div>

    <div data-role="content" id="text">
    </div>

 </div>
</body>

我的控制器检查表格中的数据:

@Controller
public class AddressController {
    @RequestMapping(value="/address",method=RequestMethod.GET)
    public ModelAndView init(){
         return new ModelAndView("address");
    }

    @RequestMapping(value="/address/{streetName}/{streetNumber}/{zipCode}/{city}/{country}")
    public ModelAndView validate(
         @RequestParam(value="streetName",required = true) String streetName,
         @RequestParam(value="streetNumber",required=true) String streetNumber,
         @RequestParam(value="zipCode",required = true) String zipCode,
         @RequestParam(value="city",required = true) String city,
         @RequestParam(value="country",required = true) String country
     ){
          //Control, check-up datas
     }}

当我读到关于spring的时候,我看到它存在一些Spring组件,因此,每个字段都可能代表我的数据模型的一个字段(例如address.streetName,address.streetNumber,.. 。)但我不会使用弹簧组件,因为我为智能手机创建了一个Web移动应用程序。

此外,如果在数据检查时存在任何错误,我想通过使用“错误”对象和标记将用户重定向到我的对话框(参见上面的第一个示例)。

我想继续使用jquery mobile的spring框架。什么是最好的选择?你的解决方案是什么?

谢谢

0 个答案:

没有答案