怎样点击按钮后在table中添加一行数据

提问 已结
9 200
摩羯座小笨熊
悬赏:30飞吻
版本:layui 浏览器:火狐
var tableData = [];
var data1 = {
"depAirport": "",
"arrAirport": "",
"flightNumber": "",
"depDate": "",
"arrDate": "",
"cabin": "",
"segmentIndex": ""
};
tableData.push(data1);
table.render(
{
text: {
none: '暂无信息' //默认:无数据。注:该属性为 layui 2.2.5 开始新增
},
method: 'POST'
, elem: '#tripType_list'
, data: tableData
, height: 'full-500'
, cols: [[
{field: 'depAirport', title: '平台订单号', width: 150, sort: true, event: 'setSign'}
, {field: 'arrAirport', title: '更新时间', width: 160, event: 'setSign'}
, {field: 'flightNumber', title: '航司', width: 80, sort: true, event: 'setSign'}
, {field: 'depDate', title: '订单状态', width: 150, sort: true, event: 'setSign'}
, {field: 'arrDate', title: '支付状态', width: 150, sort: true, event: 'setSign'}
, {field: 'cabin', title: '平台', width: 120, sort: true, event: 'setSign'}
, {field: 'segmentIndex', title: '出票情况', width: 100, sort: true, event: 'setSign'}
]]
});
form.on('submit(addTripType)', function () {
debugger;
var oldData = [];
oldData = table.cache["tripType_list"];
if (typeof (oldData) == "undefined") {
oldData = [];
}
var data1 = {
"depAirport": $("#depAirport").val(),
"arrAirport": $("#arrAirport").val(),
"flightNumber": $("#flightNumber").val(),
"depDate": $("#dateStart").val(),
"arrDate": $("#dateEnd").val(),
"cabin": $("#cabin").val(),
"segmentIndex": $("#segmentIndex").val()
};
oldData.push(data1);
// table.reload('tripType_list', {
// data: oldData
// });
table.reload('tripType_list', {
done: function () {
data: oldData
}
});
});

以上是我的代码 ,但是table.reload不执行 为显示效果 加载时添加了一条空数据,(但不知道如果去掉空数据),table.reload不执行 所以无法添加新的数据 这段代码问题出在哪里?求指教
回帖
  • @摩羯座小笨熊 你现在的代码是?这里加了return false了吗?

    没有的话先加上再试试看
    0 回复
  • 实际你这个表格是一个data模式的,那么可以通过维护一个原始数据的数组,新增既push一条记录然后reload,你上面注释掉的这块实际应该就差不多了,不知道你说的不执行是啥意思,是没有效果还是没有执行到,看了一下,你是利用layui的form表单的提交监听,但是没有return false,那么最后表单会提交,页面会刷新,有可能是这个造成你觉得没有执行。

    另外一个不妥的地方就是获得原始记录的方式,不能通过cache去获取,因为它只能是当前页的数据,如果有分页就会出现不准确的问题,虽然可能不分页就没事,但是最好不要这么用,感兴趣可以看看以前写的一个帖子: table纯data模式下的新增与删除
    0 回复
  • 0 回复
  • 这是点击按钮之前的效果 上图点击按钮之后的效果 也就是我的数据并没有加载到table中
    0 回复
  • 0 回复
  • @岁月小偷
    这是提交之后的
    这是点击按钮之前的效果 上图点击按钮之后的效果 也就是我的数据并没有加载到table中
    0 回复
  • @摩羯座小笨熊 加我QQ(470459819)我给你远程看下吧
    0 回复
  • @岁月小偷 多谢大神 漏掉了这句话导致的 粗心了
    0 回复
  • @摩羯座小笨熊 嗯嗯,不客气
    0 回复