在jsp表中给出输入类型文本时,数据表搜索不起作用

时间:2018-06-14 06:08:54

标签: jquery jsp datatable

我知道这可能是个愚蠢的问题,但请给我一些建议来解决这个问题。我有一个JSP页面,我试图从数据库中检索后编辑单元格。为了编辑,我使用了输入类型=" text"。但是在将输入类型应用为文本时,它会影响数据表搜索过滤器。这是表创建的代码:

<table id='tbl2' border="2">
       <thead>
        <tr style="font-weight: bold;"><th colspan="7" align="center" >Team Shift Roster</th></tr>
        <tr style="font-weight: bold;"><th>Date/Shift</th> <th>06:00AM - 02:00PM</th> <th>02:00PM - 10:00PM</th> <th>10:00PM - 06:00AM</th> <th width="130px">Weekly Off</th> <th width="130px">General Shift</th> <th></th></tr>
         </thead>
         <tbody>
            <%
          if(rs != null){ 
               int row=1;
            while(rs.next()){

                %>
             <tr>

                <td style="font-weight: bold;" >
                <input  style="border:0px; width:100px" name="dd"  id="dd<%=row%>" value="<%=rs.getString(1)%>" readonly /></td>
                <td><input style="border:0px; width:130px" type="text"  value="<%=rs.getString(2)%>" name="one" id="one<%=row%>"/></td>
                <td><input style="border:0px; width:130px" type="text"  value="<%=rs.getString(3)%>" name="two" id="two<%=row%>"/></td>
                <td><input style="border:0px; width:130px" type="text"  value="<%=rs.getString(4)%>" name="thr" id="thr<%=row%>"/></td>
                <td><input style="border:0px; width:90px" type="text"  value="<%=rs.getString(5)%>" name="fr" id="fr<%=row%>"/></td>
                <td><input style="border:0px; width:100px" type="text"  value="<%=rs.getString(6)%>" name="fve" id="fve<%=row%>"/></td>
                <td><input style="border:0px; width:90px" type="button" class="ss" onclick="myFun(<%=row%>)" value="Update"></td>
                </tr>

         <%   row++;  } }
              else { out.println("No Record Found"); }   %>
         </tbody>
    </table>

这是onclick功能:

function myFun(row){
      var v1 = document.getElementById("one"+row).value; 
      var v2 = document.getElementById("two"+row).value; 
      var v3 = document.getElementById("thr"+row).value; 
      var v4 = document.getElementById("fr"+row).value; 
      var v5 = document.getElementById("fve"+row).value; 
      var dd = document.getElementById("dd"+row).value; 
      window.location.href='DCM_UsrShiftUpdt.jsp?v1='+v1+'&v2='+v2+'&v3='+v3+'&v4='+v4+'&v5='+v5+'&dd='+dd;
}

这是数据函数:

$(document).ready(function() {
$('#tbl2').DataTable();

});

请帮帮我。

0 个答案:

没有答案