------------------------------------------------------------------------------------------------------
//bootstrap modal frame (partial)<Divclass= "Modal Fade"ID= "OrderDetail"> <Divclass= "Modal-dialog"> <Divclass= "Modal-content"> <Divclass= "Modal-header"> </Div> <Divclass= "Modal-body"> <Tableclass= "Table"> <TR> <TD>Name</TD> <TD>Was</TD> </TR> </Table> </Div> <Divclass= "Modal-footer"> </Div> </Div></Div>
[email protected] Black eyed poet <www.chenwei.ws>------------------------------------
/**
* View data details
* @ Black eyed poet <www.chenwei.ws>
*/
functionOrderDetail (order_no) {//1. Empty modal box data first$ (' #orderDetail '). Find (' tr ')). First (). Nextall (). remove ();
2. External insertionvarOrder_no =Order_no; $.post (Base_url+ '? D=admin&c=orders&m=ajax_order_detail ', {order_no:order_no},function(data) {
//data format such as: [{No:123,old:abc},{no:234,old:def},{no:345,old:ghi}] varobj = eval (' (' + data + ') '); $.each (obj,function(i, n) {varTR = $ (' #orderDetail '). Find (' tr ')). Last (); Tr.after ("<tr><td>" + n[' organize_name '] + ":" + n[' cate_name ' + "--" + n[' course_name '] + "</td><td>" + n[ ' Old_price '] + "</td><td>" + n[' Sale_price "+" </td></tr> "); }); });}
[JQ] method of inserting multiple data into modal frames using jquery