在 easyui中獲取form表單中所有提交的數據 拼接到table列表中


form表單=====

<!-- 並用葯品填寫信息彈框 -->
<div id="usingProdctMsgDiv" style="display: none">
<form id="usingProdctMsgform" >
<table id="producttable">
<tr>
<td align="right">產品編號: </td>
<td>
<input id="product_no" name="product_no" readonly="readonly"></input>
</td>
<td align="right">產品名稱:</td>
<td>
<input id="product_name" name="product_name" readonly="readonly"></input>
</td>
</tr>
<tr>
<td align="right">用葯開始時間: </td>
<td>
<input id="starttime_frame" name="starttime_frame"></input>
</td>
<td align="right">用葯結束時間:</td>
<td>
<input id="endtime_frame" name="endtime_frame"></input>
</td>
</tr>
<tr>
<td align="right">用葯原因: </td>
<td>
<input id="medical_reason" name="medical_reason"></input>
</td>
<td align="right">通用名稱:</td>
<td>
<input id="common_name" name="common_name"></input>
</td>
</tr>
</table>
</form>
</div>

js代碼=======

var data = $('#usingProdctMsgform').serializeArray();//usingProdctMsgform   form表單id
//alert(JSON.stringify(data));
var json={};
for(var i=0;i<data.length;i++){
json[data[i]['name']]=data[i]['value'];
}
//alert(JSON.stringify(json));

//alert(JSON.stringify(json));
$('#usingProductTableUpdate').datagrid('appendRow', json);

table表單======

$('#usingProductTableUpdate').datagrid({
width: 'auto',
height:'200px',
striped: true,
fit: true,
pagination: true,
scrollbarSize: 0,
singleSelect: true,
url:'',
loadMsg: '數據加載中請稍后……',
columns: [[{
field: 'bad_survey_no',
title: '不良調查編號',
align: 'center',
resizable: false,
width: '10%'
},{
field: 'product_name',
title: '商品名稱',
align: 'center',
resizable: false,
width: '15%'
},{
field: 'product_no',
title: '產品編號',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'starttime_frame',
title: '用葯開始時間',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'endtime_frame',
title: '用葯結束時間',
align: 'center',
resizable: false,
width: '18%'
}, {
field: 'common_name',
title: '通用名稱',
align: 'center',
resizable: false,
width: '16%'
}
]],
method: 'post',
toolbar: [{
text:'清空',
iconCls: 'icon-help',
handler: function(){
$.messager.confirm('刪除數據', '您確定清空數據嗎?', function(r){
//清空類表數據
$('#usingProductTableUpdate').datagrid('loadData', {total: 0, rows: []});
});
}
}]
});
})


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM