推荐学习书目 Learn Python the Hard Way Python Sites PyPI - Python Package Index http://diveintopython.org/toc/index.html Pocoo 值得关注的项目 PyPy Celery Jinja2 Read the Docs gevent pyenv virtualenv Stackless Python Beautiful Soup 结巴中文分词 Green Unicorn Sentry Shovel Pyflakes pytest Python 编程 pep8 Checker Styles PEP 8 Google Python Style Guide Code Style from The Hitchhiker's Guide
一个多行多列的表格大表单数据，并且行数是不确定的会根据用户自己添加行数确定，怎么实现很好的获取所有提交数据，我准备使用 ajax 提交数据，如何设计实现？
scott123 2016-06-19 21:15:40 +08:00 4673 次点击这是一个创建于 3408 天前的主题，其中的信息可能已经有所发展或是发生改变。
<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>  | 1 hrong 2016-06-19 22:14:12 +08:00 via Android 看你用什么后端了？前端就 jqgrid? |
 | 2 murmur 2016-06-19 22:44:39 +08:00 现在用 jquery easyui 的很多吧 ie6-ie11 兼容性都很好 企业开发几乎首选了 |
 | 3 rekulas 2016-06-19 22:50:26 +08:00 设计什么？动态添加表单、 ajax 数据提交教程一大把有什么好需要设计的。。 |
 | 4 scott123 OP 我现在不太清楚的是，我有一个固定四列，动态 n 行的 input 表格，当用户将数据填满的时候，提交数据的时候，我以怎么方式，把每一行的数据安装对应的列的值的取得，而且还是安装顺序的，然后我会存在一个字典里，然后我会用 ajax ，将数据创给后台。有木有相关的代码参考一下。 |
 | 5 jugelizi 2016-06-19 22:59:45 +08:00 所以你是不知道 input name="field[]" ? |
| 6 scott123 OP 我一个数据表格可能有三四十个 input ，像我上面写的，都是相同规律的，没有什么简单的方法？类似使用 each 方法搞个双循环，写一个函数可以直接获得数据到一个字典。 |
| 8 scott123 OP 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; } |
Select Language