jQuery MiniUI

 找回密码
 立即注册
查看: 3169|回复: 1
打印 上一主题 下一主题

请教关于juqery添加元素后在获取form时无法获取到的问题 [复制链接]

Rank: 2

跳转到指定楼层
楼主
发表于 2021-12-3 10:20:30 |只看该作者 |倒序浏览
业务需要在表单内使用juqery去添加表单内的行
function addrow(){
                $("#testtable").append("<tr>"+
            "<td class=\"mini-form-label\" style=\"width:8%;\">" +
                "<label>"+
                  " 货物类别:" +
                "</label>"+
            "</td>"+
           " <td colspan=\"1\" style=\"width:17%;\">"+
                 "<span class=\"mini-textbox\" style=\"border-width: 0px;\"><span class=\"mini-textbox-border\"><input type=\"text\" class=\"mini-textbox-input\" autocomplete=\"off\" placeholder=\"\" name=\"jhorderline[1].product\">"+
                 "</span><input type=\"hidden\"></span> " +
                 "</td>"+
            "<td class=\"mini-form-label\" style=\"width:8%;\">"+
              "<label>"+
                      "货物名称:"+
                "</label>"+
             "</td>"+
             " <td colspan=\"1\" style=\"width:17%;\">"+
                 "<span class=\"mini-textbox\" style=\"border-width: 0px;\"><span class=\"mini-textbox-border\"><input type=\"text\" class=\"mini-textbox-input\" autocomplete=\"off\" placeholder=\"\" name=\"jhorderline[1].goodsName\">"+
                 "</span><input type=\"hidden\"></span> " +
                 "</td>"+
              "<td class=\"mini-form-label\" style=\"width:8%;\">"+
                 "  <label>"+
                      " 货物重量:"+
  "                 </label>"+
             "  </td>"+
             " <td colspan=\"1\" style=\"width:17%;\">"+
                 "<span class=\"mini-textbox\" style=\"border-width: 0px;\"><span class=\"mini-textbox-border\"><input type=\"text\" class=\"mini-textbox-input\" autocomplete=\"off\" placeholder=\"\" name=\"jhorderline[1].qty\">"+
                 "</span><input type=\"hidden\"></span> " +
                 "</td>"+
                 "<td class=\"mini-form-label\" style=\"width:8%;\">"+
                 "  <label>"+
                      " 货物数量:"+
  "                 </label>"+
             "  </td>"+
             " <td colspan=\"1\" style=\"width:17%;\">"+
                 "<span class=\"mini-textbox\" style=\"border-width: 0px;\"><span class=\"mini-textbox-border\"><input type=\"text\" class=\"mini-textbox-input\" autocomplete=\"off\" placeholder=\"\" name=\"jhorderline[1].weight\">"+
                 "</span><input type=\"hidden\"></span> " +
                 "</td>"+
       "</tr>");
        }

表单内容
<table style="width:100%;height:95%;table-layout:fixed;" class="mini-form-table" id="testtable">
                        <tr>
                            <td class="mini-form-label" style="width:8%;">
                                <label>
                                    货物类别:
                                </label>
                            </td>
                            <td colspan="1" style="width:17%;">
                                <input class="mini-textbox" name="jhorderline[0].product"/>
                            </td>
                            <td class="mini-form-label" style="width:8%;">
                                <label>
                                    货物名称:
                                </label>
                            </td>
                            <td colspan="1" style="width:17%;">
                                <input class="mini-textbox" name="jhorderline[0].goodsName"/>
                            </td>
                            <td class="mini-form-label" style="width:8%;">
                                <label>
                                    货物重量:
                                </label>
                            </td>
                            <td colspan="1" style="width:17%;">
                                <input class="mini-textbox" name="jhorderline[0].qty"/>
                            </td>
                            <td class="mini-form-label" style="width:8%;">
                                <label>
                                    货物数量:
                                </label>
                            </td>
                            <td colspan="1" style="width:17%;">
                                <input class="mini-textbox" name="jhorderline[0].weight"/>
                            </td>
                        </tr>
                </table>


但是在获取form表单时,无法获取到新添加的数据
{"jhorderrelease":{"id":"","shipmentNo":"","no":"","urgency":"","customerName":"","organizationCode":"","consignor":"","platformCompany":"","originphone":"","deliverydate":"","deliveryday":"","expecteddate":"","expectedday":"","startport":"","startportaddr":"","startportdetaddr":"","startportcontract":"","startportmobile":"","endport":"","endportaddr":"","endportdetaddr":"","endportcontract":"","endportmobile":"","mileage":"","sellUnitPrice":"","sellTotalPrice":"","sellSettleMethod":"","buyTotalPrice":"","sellSettleEx":""},"jhorderline":[{"product":"1","goodsName":"2","qty":"3","weight":"4"}]}
添加数据时只固定添加了一条数据,但是获取只能获取表单上一开始存在的数据
function saveData(){
            var form2 = new mini.Form("#订单录入");
            console.log(form2.getData(false,true));

}
想请教一下应该如何处理才能取到数组数据

Rank: 8Rank: 8

沙发
发表于 2021-12-3 10:44:30 |只看该作者
添加完调用mini.parse()解析成miniui控件

Archiver|普加软件

GMT+8, 2024-11-26 07:32 , Processed in 1.035131 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部