xianz666

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: []});
});
}
}]
});
})

分类:

技术点:

相关文章: