從表格中檢索數據到jquery模式框

我正在做一個使用JSP的銷售點項目，我有一個產品頁面，其中的項目是使用模式表單添加的，然後它被添加到mysql中並顯示在數據表中。我用Reveal modal來設計我的表單。這是我做的Interface。從表格中檢索數據到jquery模式框

添加功能工作得很好，我編輯時，當我點擊編輯（鉛筆圖標）模態框剛剛加載，我怎樣才能得到有關項目的細節到模態形式方面的項目代碼使用jsp或javascript。

我已經用於顯示該表的代碼如下

<tbody> 

          <%Product dbObj = new Product(); 
           ResultSet rs = dbObj.captureItem(); 
           while (rs.next()) { 

          %> 
          <tr id=""> 
           <td><a href="" data-reveal-id="editModal"><i class="icon-pencil" name="btnEdit" style="color:black;"</a></i> | <a href=""><i class="icon-remove" style="color:black;"></i></a></td> 
           <td><% out.print(rs.getString("itemCode"));%></td> 
           <td><% out.print(rs.getString("packNo"));%></td> 
           <td><% out.print(rs.getString("itemName"));%></td> 
           <td><% out.print(rs.getString("material"));%></td> 
           <td><% out.print(rs.getString("category"));%></td> 
           <td><% out.print(rs.getString("size"));%></td> 
           <td><% out.print(rs.getString("supplierId"));%></td> 
           <td><% out.print(rs.getString("supplierName"));%></td> 
           <td><% out.print(rs.getDate("purchaseDate"));%></td> 
           <td><% out.print(rs.getInt("quantity"));%></td> 
           <td><% out.print(rs.getDouble("unitPrice"));%></td> 
           <td><% out.print(rs.getDouble("totalPrice"));%></td> 
           <td><% out.print(rs.getDouble("localRate"));%></td> 
           <td><% out.print(rs.getDouble("foreignRate"));%></td> 
           <td><% out.print(rs.getInt("reOrderLevel"));%></td> 
           <td><% out.print(rs.getString("location"));%></td> 
           <td><% out.print(rs.getString("description"));%></td> 
          </tr> 
          <% 
           } 
          %> 
         </tbody>

請幫我獲得該項目的代碼編輯模式對話框。由於

來源

2013-01-25 Priya

我希望你已經維護了數組中的列名。使用下面的代碼基礎上修改點擊

columns =["itemCode","packNo","itemName","material","category","size"]; 
a={}; 
$("td a").click(function(e){ 
     e.preventDefault(); 
     $(this).parent().nextAll().each(function(index,val){ 
     a[columns[index]]= $(val).text(); 
    }); 
    alert(a.itemCode); 
});

demo

來源

2013-01-26 10:24:41 YogeshWaran

我試過你的演示例子，我的模式它的工作原理，但我有一個問題，我給了JavaScript，如http://jsfiddle.net/xzp6K/。模式框加載正常，但商品代碼未顯示。請幫忙 – Priya

你能用jsbin或小提琴提供你的javascript嗎？ – YogeshWaran

上面的評論包括jsfiddle鏈接，我已經聲明瞭JavaScript代碼，它甚至顯示了警告框，但是條目不會出現在模式中。請幫助我， – Priya

在編輯

前您可以指定在jsp值僅在頁面加載..

的JavaScript變量分配值，同時加載，並隨後將：加載頁面聲明JS全球變量並分配值。

var itemcode=<%= rs.getString("itemCode")%>; 
var packNo= '<%= rs.getString("packNo") %>'; 
var material=<%= rs.getString("material") %>; etc..

然後在編輯按鈕單擊使用這些值。

來源

2013-01-26 06:50:06

@Suresh可我知道如何使用JavaScript來使用它訪問項目的代碼？你能解釋一下嗎，以便我可以趕上。我是jsp的新手。請 – Priya

請看我更新的答案。 –

從表格中檢索數據到jquery模式框

回答

相關問題