如何在JSF中创建选项列表？ 尝试使用JS / jQuery移动项目，但提交错误“validation错误：值无效”

我正在使用JSF 2.0创建Web应用程序，我将分配用户来查看项目。 为此我有两个清单。 具有未分配该项目的用户的第一个列表和列表B具有已分配该项目的用户。 我们可以交换数据。

我的代码是

---

    > " id="dbleMeRight"/>       

其中t是xmlns:t="http://myfaces.apache.org/tomahawk" 。

---

PersonalInformationDataBean.java

 private List listOfUsers = new ArrayList(); private List listOfUsers002 = new ArrayList(); private List listOfListUsers = new ArrayList(); private List listOfListUsers002 = new ArrayList(); // above getter and setters Iterator itr = listOfUsers.iterator(); System.out.println("list of usersssss == " + listOfUsers); while (itr.hasNext()) { psmtt = conn.prepareStatement("INSERT INTO patentInvite (invitedWhom, patentId, personalInfoId) VALUES (?,?,?)"); String inviteWhom = itr.next().toString(); System.out.println("to who we have invited is " + inviteWhom); psmtt.setString(1, inviteWhom); psmtt.setLong(2, patentId); psmtt.setLong(3, personalInfoId); psmtt.execute(); System.out.println("Data entered is == " + inviteWhom + "==" + patentId + "==" + personalInfoId + "=="); } public List showAllMyRemData() { try { CommonBean01 commonBean = new CommonBean01(); listOfListUsers = new ArrayList(); ConnectToDatabase db = new ConnectToDatabase(); Connection conn = db.makeconnection(); PreparedStatement psmt = conn.prepareStatement("SELECT * FROM patentInvite WHERE patentId=?"); System.out.println("patent id here is " + patentId); psmt.setLong(1, patentId); ResultSet rs = psmt.executeQuery(), rs2 = null; PreparedStatement pstt = null; int dd = 0; String listOfUser = ""; int myCounter = 0; while (rs.next()) { if (myCounter==0) { listOfUser = "'" + rs.getString(2) + "'"; } else { listOfUser = listOfUser + ",'" + rs.getString(2) + "'"; } myCounter++; } System.out.println("id selected are :: " + listOfUser); psmt = conn.prepareStatement("SELECT userid, fullName, userType FROM userDetails WHERE userid NOT IN (" + listOfUser + ")"); rs = psmt.executeQuery(); listOfListUsers = new ArrayList(); while (rs.next()) { commonBean = new CommonBean01(); commonBean.setStatus(rs.getString(1)); commonBean.setTitle(rs.getString(2) + " [" + rs.getString(3) + "]"); listOfListUsers.add(commonBean); System.out.println("wat say....(" + rs.getString(1) + ") -- " + rs.getString(2) + ""); } return listOfListUsers; } catch (Exception e) { System.out.println("Exception = " + e); return null; } } public List showAllMyData() { try { CommonBean01 commonBean = new CommonBean01(); listOfListUsers = new ArrayList(); ConnectToDatabase db = new ConnectToDatabase(); Connection conn = db.makeconnection(); PreparedStatement psmt = conn.prepareStatement("SELECT * FROM patentInvite WHERE patentId=?"); System.out.println("patent id here is " + patentId); psmt.setLong(1, patentId); ResultSet rs = psmt.executeQuery(), rs2 = null; PreparedStatement pstt = null; listOfListUsers = new ArrayList(); while (rs.next()) { System.out.println(""); pstt = conn.prepareStatement("SELECT userid, fullName, userType FROM userDetails WHERE userid=?"); pstt.setString(1, rs.getString(2)); System.out.println("setting id for " + rs.getString(1)); rs2 = pstt.executeQuery(); int dd = 0; while (rs2.next()) { System.out.println("inside data " + rs2.getString(2)); commonBean = new CommonBean01(); commonBean.setStatus(rs2.getString(1)); commonBean.setTitle(rs2.getString(2) + " [" + rs2.getString(3) + "]"); listOfListUsers.add(commonBean); System.out.println("wat say here....(" + rs2.getString(1) + ") -- " + rs2.getString(2) + ""); } } return listOfListUsers; } catch (Exception e) { System.out.println("Exception = " + e); return null; } } 

---

CommonBean01.java

 public class CommonBean01 { private String title; private String status; public String getStatus() { return status; } public void setStatus(String status) { this.status = status; } public String getTitle() { return title; } public void setTitle(String title) { this.title = title; } @Override public boolean equals(Object obj) { if (obj == null) { return false; } if (getClass() != obj.getClass()) { return false; } final CommonBean01 other = (CommonBean01) obj; if ((this.status == null) ? (other.status != null) : !this.status.equals(other.status)) { return false; } return true; } @Override public int hashCode() { int hash = 5; hash = 89 * hash + (this.status != null ? this.status.hashCode() : 0); return hash; } } 

---

现在，当我将用户从左侧列表转到右侧列表并单击“ Save Edit Info按钮时，我得到错误为targetCars: Validation Error: Value is not valid 。

注意 ：

当我不更改任何列表并单击“ Save Edit Info ，它运行良好。

知道我为什么会收到这个错误吗？

---

编辑1

我做了以下更改

    public List showAllMyRemData() { try { CommonBean01 commonBean = new CommonBean01(); listOfListUsers002 = new ArrayList(); ConnectToDatabase db = new ConnectToDatabase(); Connection conn = db.makeconnection(); PreparedStatement psmt = conn.prepareStatement("SELECT * FROM patentInvite WHERE patentId=?"); System.out.println("patent id here is " + patentId); psmt.setLong(1, patentId); ResultSet rs = psmt.executeQuery(), rs2 = null; PreparedStatement pstt = null; int dd = 0; String listOfUser = ""; int myCounter = 0; while (rs.next()) { if (myCounter==0) { listOfUser = "'" + rs.getString(2) + "'"; } else { listOfUser = listOfUser + ",'" + rs.getString(2) + "'"; } myCounter++; } System.out.println("id selected are :: " + listOfUser); psmt = conn.prepareStatement("SELECT userid, fullName, userType FROM userDetails WHERE userid NOT IN (" + listOfUser + ")"); rs = psmt.executeQuery(); listOfListUsers002 = new ArrayList(); while (rs.next()) { commonBean = new CommonBean01(); commonBean.setStatus(rs.getString(1)); commonBean.setTitle(rs.getString(2) + " [" + rs.getString(3) + "]"); listOfListUsers002.add(commonBean); System.out.println("wat say....(" + rs.getString(1) + ") -- " + rs.getString(2) + ""); } return listOfListUsers002; } catch (Exception e) { System.out.println("Exception = " + e); return null; } } 

我仍然得到同样的错误。

---

编辑2

用于移动项目的jQuery代码如下。

 $(function() { var sourceCars=$('#sourceCars option').clone(); $('#filterDis').change(function() { var val = $(this).val(); alert("changed me=="+val+"=="); $('#sourceCars').empty(); alert("changed me=="+sourceCars+"=="); sourceCars.filter(function(idx, el) { var found=false; $('#targetCars option').each(function(){ if ($(this).val()===$(el).text()) found=true; }); alert(found); if(found) return false; return val === 'ALL' || $(el).text().indexOf('[' + val + ']') >= 0; }).appendTo('#sourceCars'); $("#targetCars option").attr("selected", "selected"); }); $('#sourceCars').dblclick(function() { $('#sourceCars option:selected').appendTo('#targetCars'); $("#targetCars option").attr("selected", "selected"); }); $('#dbleMeRight').click(function() { $('#sourceCars option:selected').appendTo('#targetCars'); $("#targetCars option").attr("selected", "selected"); }); $('#targetCars').dblclick(function() { var targetList=$('#targetCars option:selected'); var filterVal= $('#filterDis').val(); if( filterVal === 'ALL' || targetList.text().indexOf('[' + filterVal + ']') >= 0) targetList.appendTo('#sourceCars'); else targetList.remove(); var foption = $('#sourceCars option:first'); var soptions = $.makeArray($('#sourceCars option:not(:first)')).sort(function(a, b) { return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 }); $('#sourceCars').html(soptions).prepend(foption); foption.attr("selected", true).siblings("option").removeAttr("selected"); $("#targetCars option").attr("selected", "selected"); }); $('#dbleMeLeft').click(function() { var targetList=$('#targetCars option:selected'); var filterVal= $('#filterDis').val(); if( filterVal === 'ALL' || targetList.text().indexOf('[' + filterVal + ']') >= 0) targetList.appendTo('#sourceCars'); else targetList.remove(); var foption = $('#sourceCars option:first'); var soptions = $.makeArray($('#sourceCars option:not(:first)')).sort(function(a, b) { return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 }); $('#sourceCars').html(soptions).prepend(foption); foption.attr("selected", true).siblings("option").removeAttr("selected"); $("#targetCars option").attr("selected", "selected"); }); }); 

注意：如果我将项目从列表B（右）移动到列表A（左），它可以正常工作。 但是当我将项目从列表A（左）移动到列表B（右）时，我收到此错误。

---

Answer 1

到目前为止，您的具体问题是由使用JavaScript / jQuery而不是JSF填充列表框项的错误引起的。 这样，JSF从未意识到JavaScript添加的新项目。 您需要使用JSF而不是JavaScript / jQuery填充列表框项。

当您使用UISelectOne / UISelectMany组件提交表单时，JSF将始终将提交的值与中的可用项列表进行比较。 如果提交的值未包含在可用项列表中，那么您将获得此Validation Error: Value is not valid错误。 这是内置防御篡改/攻击请求的一部分。 客户端不应该能够提交服务器未指定的项目。

更改JavaScript / jQuery端的可用项也不会自动更改JSF 端的可用项。 你真的需要改变JSF方面的可用项目。 您可以轻松地使用JSF 2.x ajaxfunction。 这是一个具体的启动示例：

同

 @ManagedBean @ViewScoped public class Bean { private List leftSelected; private List leftAvailable; private List rightSelected; private List rightAvailable; @PostConstruct public void init() { leftAvailable = new ArrayList(Arrays.asList("one", "two", "three", "four", "five")); rightAvailable = new ArrayList(); } public void leftToRight() { leftAvailable.removeAll(leftSelected); rightAvailable.addAll(leftSelected); leftSelected = null; } public void rightToLeft() { rightAvailable.removeAll(rightSelected); leftAvailable.addAll(rightSelected); rightSelected = null; } // Add/generate getters+setters. Note: the "available" lists doesn't need setters. } 

就这样。 不需要JS / jQuery混乱。 使用自定义非字符串对象时，不要忘记提供正确的转换器和equals()方法。

也可以看看：

• 当用户可以通过CSS，HTML，JavaScript，jQuery实现UI时，JSF的需求是什么？
• Jsf：validation错误值对SelectOneMenu无效
• 使用自定义转换器时JSFvalidation错误