<tbody id="productDetails">
<?php foreach ($info->items as $list)
>
<tr data-item_id="<?=$list['id']?>">
<td><?=$list['product_name']?></td>
<td><img src="<?=$list['product_image']?>"></td>
<td><?=$list->getDiscountPriceYuan(); ?></td>
<td>元/<?=$list['unit']?></td>
<td><?=$list['qty']?></td>
<td><?=$list['sorting_num']?></td>
<!--<td><input type="text" value="<?=$list['qty']?>" name="out<?=$list['id']?>" id="<?=$list['id']?>" size="5"/></td>-->
<td><?=$list['sorting_num']?></td>
</tr>
<?php endforeach?>
</tbody>
function takeOrders(orderId,status) {
var arr = [];
$('#productDetails').children('tr').each(function(i, o) {
var $tds = $(o).children('td');
arr.push({
"id": $(o).data('item_id'),
"order_no":<?=$info['order_no']?>,
"product_name": $tds.eq(0).text(),
"discount_price": $tds.eq(2).text(),
"unit": $tds.eq(3).text(),
"order_quantity": $tds.eq(4).text(),
"sorting_quantity": $tds.eq(5).text(),
//"out_quantity": $tds.eq(6).children('input').val(),
"out_quantity": $tds.eq(6).text()
});
});
//console.log(arr);
//return false;
var msg;
if(status=='take')
msg="确认将订单状态改为已下单?";
if(status=='out')
msg="确认将订单状态改为已出库?";
if (confirm(msg)) {
$.ajax({
type: 'GET',
url: '<?php echo $this->createUrl("outOrders/take"); ?>',
data: {id: orderId,order:status,param:arr},
dataType: "json",
success: function (data) {
if(data.recode==1) {
window.location.href = "<?php echo $this->createUrl("outOrders/index"); ?>";
}
}
});
}
return false;
}
</script>
<script type="text/javascript">
$("#btn-export").click(function () {
var defaultAction = $("#outForm").attr("action");
$("#outForm").attr("action", '<?php echo $this->createUrl("outOrders/export");?>');
$("#outForm").submit();
$("#outForm").attr("action", defaultAction);
});
</script>
分享到:
相关推荐
在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用bootstrap-table插件通过AJAX方式获取JSON数据并实现分页功能。Bootstrap Table是一个轻量级、强大的前端组件,它提供了一种美观的方式来展示和操作表格数据...
Bootstrap Table支持通过Ajax方式从服务器获取数据,`data-url`属性可以是一个返回JSON数据的URL。例如,服务器端的`data.json`文件应返回类似以下的JSON数组: ```json [ {"id": 1, "name": "Item 1", "price": ...
在这个“bootstrap table ajax 示例”中,我们看到一个利用 Maven 构建的项目,它展示了如何通过 AJAX 从后台动态地分页获取并显示数据。 首先,我们需要理解Maven。Maven 是一个Java项目管理工具,它帮助开发者...
我们使用jQuery选择器获取这个表格,并在AJAX请求成功后,将服务器返回的数据插入到表格中。假设服务器返回的是JSON格式的数据,我们可以使用`$.each()`遍历数据,然后用`$('<tr>...</tr>')`创建新的行元素,再将...
本教程将深入探讨如何使用jQuery实现动态更改table表格数据,让你的网页表格具有实时编辑功能,提升用户体验。 首先,我们需要理解HTML表格的基本结构。一个基本的表格由`<table>`元素开始,包含若干个`<tr>`(行)...
2. 数据源:这里提到的"调用json获取数据"是指使用Ajax从服务器获取JSON格式的数据。在Layui中,这通常是通过`layui.$.ajax`或者使用layui内置的`layui.util.ajax`实现。JSON数据通常包含表格所需的行数据,每个对象...
在分页场景中,Ajax分页通过异步请求服务器获取指定页码的数据,然后动态插入到页面中,从而实现了页面的无刷新更新。 **二、Ajax分页的优点** 1. **提升性能**:只请求和显示必要的数据,减少页面加载时间。 2. *...
在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于创建动态和交互式的用户界面。在本主题中,我们将深入探讨如何利用AJAX来控制HTML表格(table)的内容显示方式,特别是在点击单元格时实现...
在本文中,我们将深入探讨如何利用 BootstrapTable 结合 AJAX 实现动态加载数据,以及如何通过 refresh 方法更新表格内容。 首先,HTML 部分展示了基本的表单结构,包括日期选择器(`#calendar`)和下拉菜单(`#...
### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`<table>`)中某一列的所有值。下面将详细介绍...
在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....
该函数通过获取select元素选中的值,并更新***ble实例中的ajax配置,然后利用DataTable的api重新加载数据: ```javascript function reloadTable() { var code = $("#type option:selected").val(); $('#import-...
layui laypage插件如何通过ajax返回动态count值,然后重置laypage count值
动态加载树(Tree)和动态加载表格(Table)是两种常见的数据展示方式,它们在网页应用中广泛使用,特别是在需要显示层级结构数据(如组织结构、文件系统)和大量表格数据(如报表、用户列表)的情况下。 **动态...
实现这一功能通常需要前后端配合,前端通过Ajax请求获取列信息和数据,然后动态构建表格结构。 2. **支持翻页标签隐藏**:在大数据量展示时,表格的分页功能必不可少。Layui提供了灵活的分页组件,可以自定义样式和...
通过以上步骤,我们可以实现一个简单的AJAX+JQuery+JSON的例子,从服务器获取JSON数据,并将其动态地展示在Table中。这个示例对于理解Web开发中的数据交互流程具有很好的教学意义。在学习和实践中,不断深入理解这些...
通常,这涉及到两个主要步骤:发送ajax请求到服务器获取数据,然后将返回的数据动态添加到表格中。 ##### 2.1 前端HTML结构 首先,我们需要在HTML页面中创建一个空的表格结构,并为用户交互提供入口点,比如一个...
在IT领域,尤其是在Web开发中,使用JSON(JavaScript Object Notation)来获取并展示动态数据是一种常见的实践。JSON因其简洁、易读的格式,成为数据交换的首选格式。本项目"调用json获取表格动态数据代码.zip"显然...
html前端获取后端js的数据,实现到html表格,并且实现表格分页显示,分页显示原理是要显示那一页数据就从后端获取需要显示页的数据,不会一次性获取全部数据,减小流前端的压力。后端使用js+express,读取csv文件...