一个多行多列的表格大表单数据,并且行数是不确定的会根据用户自己添加行数确定,怎么实现很好的获取所有提交数据,我准备使用 ajax 提交数据,如何设计实现? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Pyflakes
pytest
Python 编程
pep8 Checker
Styles
PEP 8
Google Python Style Guide
Code Style from The Hitchhiker's Guide
scott123
V2EX    Python

一个多行多列的表格大表单数据,并且行数是不确定的会根据用户自己添加行数确定,怎么实现很好的获取所有提交数据,我准备使用 ajax 提交数据,如何设计实现?

  •  
  •   scott123 Jun 19, 2016 4968 views
    This topic created in 3602 days ago, the information mentioned may be changed or developed.
     <div class="col-md-11 form-table"> <table class="table table-bordered table-hover"> <thead> <tr> <th> Category </th> <th> Model </th> <th> Asset_ID </th> <th> SN </th> <th> Qty </th> </tr> </thead> <tbody id="suggest1"> <tr> <td> <input type="text" name="" value="" /> </td> <td> <input type="text" name="" id="" value="" /> </td> <td> <input type="text" /> </td> <td> <input type="text" /> </td> <td> <input type="text" /> </td> </tr> <td> <input type="text" name="" id="" value="" /> </td> <td> <input type="text" name="" id="" value="" /> </td> <td> <input type="text" /> </td> <td> <input type="text" /> </td> <td> <input type="text" /> </td> </tr> </tbody> </table> </div> </div> 
    8 replies    2016-06-23 08:28:11 +08:00
    hrong
        1
    hrong  
       Jun 19, 2016 via Android
    看你用什么后端了?前端就 jqgrid?
    murmur
        2
    murmur  
       Jun 19, 2016
    现在用 jquery easyui 的很多吧 ie6-ie11 兼容性都很好 企业开发几乎首选了
    rekulas
        3
    rekulas  
       Jun 19, 2016
    设计什么?动态添加表单、 ajax 数据提交教程一大把有什么好需要设计的。。
    scott123
        4
    scott123  
    OP
       Jun 19, 2016
    我现在不太清楚的是,我有一个固定四列,动态 n 行的 input 表格,当用户将数据填满的时候,提交数据的时候,我以怎么方式,把每一行的数据安装对应的列的值的取得,而且还是安装顺序的,然后我会存在一个字典里,然后我会用 ajax ,将数据创给后台。有木有相关的代码参考一下。
    jugelizi
        5
    jugelizi  
       Jun 19, 2016
    所以你是不知道 input name="field[]" ?
    scott123
        6
    scott123  
    OP
       Jun 19, 2016
    我一个数据表格可能有三四十个 input ,像我上面写的,都是相同规律的,没有什么简单的方法?类似使用 each 方法搞个双循环,写一个函数可以直接获得数据到一个字典。
    xmh51
        7
    xmh51  
       Jun 19, 2016
    @scott123 jquery 不是能获得当前节点下所有的 input 元素吗? 遍历不行吗?
    scott123
        8
    scott123  
    OP
       Jun 23, 2016
    function GetReceivedItemData(){
    var item_time= 0;
    var item = {
    'category':'',
    'model':'',
    'asset_id':'',
    'sn':'',
    'qty':'',
    };
    var item_list_array={'item_data':[]};
    $('#suggest1 input').each(function (index, value) {
    //console.log('div' + index + ':' + $(this).val());
    if(index%5==0){
    item['category']=$(this).val();
    }
    if(index%5==1){
    item['model']=$(this).val();
    }
    if(index%5==2){
    item['asset_id']=$(this).val();
    }
    if(index%5==3){
    item['sn']=$(this).val();
    }
    if(index%5==4){
    item['qty']=$(this).val();
    if(is_valid_data(item)){
    item_list_array['item_data'].push(JSON.stringify(item));
    item_time+=1;
    }
    else{
    if(is_empty_data(item,this)){
    return true;
    }
    else{
    alert('The '+[item_time+1]+' item data is invalid.');
    return false;
    }
    };
    }
    });
    //console.log(item_list_array['item_data']);
    return item_list_array;
    }
    About     Help     Advertise     Blog     API     FAQ     Solana     1032 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 43ms UTC 23:28 PVG 07:28 LAX 16:28 JFK 19:28
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86