jsp table 表格单元格编辑示例

列表单元格：

//两个 隐藏的 input, 第一个存 记录 id, 单元格内容是排序码 ：

<td id="ordinal"><%=ordinal%> <%
        if (!state.equals("已过期")) {
       %><input type="hidden" name="newOrdinal"
       value="<%=rec.getString("advertisementId")%>" /> <%
        }
       %><input type="hidden" value="<%=state%>" /></td>

　　

<button class="layui-btn layui-btn-sm" style="margin-left: 46%"
   onclick="modifyOrder()" id="modifyOrder">编辑排序</button>

 function modifyOrder(){
     if($("#modifyOrder").html()=="编辑排序"){
         $("#modifyOrder").html("保存排序");
         $("td[id=ordinal]").each(function(){
             if($(this).find("input").length!=1){
                 $(this).attr("contenteditable","true");
             }
         });
     }else{
         var orderRule=/^([1-9][0-9]{0,3})$/;
         var flag=1;//保存
         $("td[id=ordinal]").each(function(){
             if($(this).find("input").length!=1){
                 var value=$.trim($(this).text());
                 if(!orderRule.test(value)){
                     flag=0;
                     if(value==""){
                         alert("排序码不能为空！");
                     }else if(value>9999){
                         alert("排序超出数值范围，请重新输入！");
                     }else{

                         alert("排序码只能为整数！");
                     }

                 }
             }
         });
         if(flag==1){//保存
             $("td[id=ordinal]").each(function(){
                 if($(this).find("input").length!=1){
                     $(this).find("input")[0].value+=("/"+$(this).text());//两个 隐藏的 input, 第一个存 记录 id, 单元格内容是排序码
                 }
             });
             $.post("web?module=stwmgr&action=Advertisement&method=modifyAdvertisementOrdinal&tokenId=<%=request.getParameter("tokenId") %>",
                     $("#form2").serialize(),function(data){
                 $("#modifyOrder").html("编辑排序")
                 $("td[id=ordinal]").each(function(){
                     if($(this).find("input").length!=1){
                         $(this).attr("contenteditable","false");
                     }
                 });
                 alert("保存成功！")
             });
         }
     }
 }

后台代码：

public void modifyAdvertisementOrdinal() throws SystemException {
        String[] ordinalArray=getParameterValues("newOrdinal");
        AdvertisementDAO dao=AppDAO.createAdvertisementDAO();
        for (String string : ordinalArray) {
            String[] arr=string.split("/");
            if(!arr[1].equals("0")){
                try {
                    dao.editAdvertisementOrdinal(arr[0], arr[1].trim());
                } catch (Exception e) {
                    throw new SystemException(e);
                }
            }
        }
    }