Question

java.lang.IllegalStateException：ajax调用中的BindingResult和普通目标对象

我正在使用Thymeleaf和Spring MVC，我在动态表单方面遇到了一些问题。我有一个带有选择器的表单，当这个更改时，我会进行Ajax调用，它应该显示另一个选择器和一个字段。

我有这些对象：

 public class SaleMini{
    private int businessId;
    private int sellerId;
    private int productId;
    private int amount;
    private int row;
    private String date;
    private List<SaleItem> item;
   //getters and setters
}

public class SaleItem{
   private int productId;
   private int amount;
   private boolean gift;
   private List<Integer> components;
   private List<Composition> compositionList;   
  //getters and setters

}

我的HTML代码是：

<form id="sales" action="#" th:action="@{/sales/add}" method="post">                    
  <div class="row">
    <div class="form-group col-md-6">
        <label class="label-control" th:text="#{label.equipment}"></label>
        <select th:field="${sales.businessId}" class="form-control"   onchange="submitData()"> <!--- Equipment List --->
            <option th:each="e : ${equipmentList}" th:value="${e.id}" th:text="${e.name}"></option>
        </select>
    </div>

       <div class="form-group col-md-6">
         <label class="label-control" th:text="#{label.seller}"></label>
         <select th:field="${sales.sellerId}" class="form-control">
            <option th:each="s : ${sellerList}" th:value="${s.id}" th:text="${s.name + ' ' + s.surname}"></option>
        </select>
      </div>
  </div>

  <div id="product-panel" class="row" >
     <div th:fragment="resultsList">
        <div th:each="i,rowStat : ${itemList}">
            <p th:text="${i.productId}"></p>
                <select class="form-control products_select" th:field="${i.productId}" th:onchange="${'javascript:callComposed(' + rowStat.index  + ')'}" > 
                    <option value="0" >Select Product</option>
                    <option th:each="p : ${productList}" th:value="${p.id}" th:text="${p.name}" th:attr="data-compound=${p.compound},data-generic=${p.genericId}"></option>
                </select>
          </div>
          <a class="btn btn-action" id="btn-add"  onclick="submitData()" style="margin-top: 25px !important;"><span class="fa fa-plus fa-btn"></span></a> <!--I should add as many product as I wanted-->
    </div>                      
   </div>

   <div class="row">
      <div class="form-btn">
        <input type="submit" th:value="#{label.save.sale}" class="btn btn-custom"/>
      </div>
   </div>
</form>

当设备列表发生变化时，我会进行ajax调用

function submitData(){
 $.ajax({
    'url':  'sales/addRow',
    'type': 'POST',
    'data': $('#sales').serialize(),
    'success': function(result){
         $("#product-panel" ).html( result );
    },
 });
}

我在控制器上调用的函数是：

@RequestMapping(value = "/addRow", method = RequestMethod.POST)
public String addRow(@Valid SaleMini sale, BindingResult bindingResult,ModelMap model) {    

    List<SaleItem> siList = new ArrayList<SaleItem>();

    if(sale!=null && sale.getBusinessId()!=0)
    {
        SaleItem si = new SaleItem();
        si.setAmount(1);
        siList.add(si);

    }
    model.addAttribute("itemList", siList);
    return folder+"/add :: resultsList";
}

问题是我调用submitData（）。

我可以很好地调用控制器（submitData（）然后是addRow），它可以工作，但是当我得到数据时我有错误：

java.lang.IllegalStateException：BindingResult和bean名称“i”的普通目标对象都不能作为请求属性使用我在调用后得到数据，但我无法使用th：field

访问数据

在html部分中，这是有效的（th：text）：

<p th:text="${i.productId}"></p>

但这不是（th：field），我不知道为什么：

<select class="form-control products_select" th:field="${i.productId}" th:onchange="${'javascript:callComposed(' + rowStat.index  + ')'}" > 
</select>

提前谢谢

Answer 1

您好我认为您在表单中遗漏了一些细节。使用 th：object =“sale”，您可以说出表单的modelAttribute是什么，并且只需使用 * {attribute.path} 来引用该对象的任何属性强>

<form id="sales" action="#" th:action="@{/sales/add}" method="post" th:object="sale">

要参考销售对象的属性，请使用：

<select th:field="*{businessId}" class="form-control" onchange="submitData()">  <option th:each="e : ${equipmentList}" th:value="${e.id}" th:text="${e.name}"></option> </select>

java.lang.IllegalStateException：ajax中的BindingResult和普通目标对象都没有调用

1 个答案: