關於<form:select>,formselect

來源:互聯網
上載者:User

關於<form:select>,formselect

  

  今天寫基於SSM架構的程式,用到了<form:select>。由於一開始遇到了問題,所以在這裡加以記錄,供以後查看。

  直接看jsp頁面的代碼

 1   <%@ page language="java" contentType="text/html; charset=UTF-8" 2       pageEncoding="UTF-8"%> 3   <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%> 4   <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 5   <html> 6   <head> 7   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 8   <title>Insert title here</title> 9   </head>10   <body>11       <form:form method="post" modelAttribute="employee">12           姓名:<form:input path="lastName"/><br>13           郵箱:<form:input path="email"/><br>14           性別:<form:input path="gender"/><br>15           部門:<form:select path="department" items="${departments}" itemValue="id" itemLabel="departmentName"></form:select>16       </form:form>17   </body>18   </html>

  

  1.由於我們要引用Spring封裝的form標籤,所以一開始要配置引用標籤:

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

  

  2.對於

 <form:form method="post" modelAttribute="employee">

  其modelAttribute="employee"中的employee是  在controller層中跳轉到該頁面的方法中  綁定的對象。 即:

@RequestMapping("/add")    public ModelAndView toAddPage(){        ModelAndView mView=new ModelAndView();        mView.addObject("employee",new Employee());        mView.setViewName("add-stu");        mView.addObject("departments", departmentDao.getDepartments());        return mView;    }

 

  3對於

部門:<form:select path="department.id" items="${departments}" itemValue="id" itemLabel="departmentName"></form:select>

  path="department"   為後續提取本方法中的對象預留了介面(類似於<input type="text" name="email">中的name

  items="${departments}"   表示你要遍曆的列表

  itemValue="id"   表示列表選項中的value屬性(當對下拉式清單做出選擇時後台傳遞的資料)【可能有些偏頗,歡迎指教】

  itemLabel="departmentName"  表示頁面列表中現實的屬性值

 

  實現結果:                                                  

        

  查看頁面源碼:

 

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.