layui无法获取表单所有数据 迷茫

提问 未结
14 235
陈逗逗
陈逗逗 2019-3-15
悬赏:30飞吻
版本:layui 浏览器:
大家好 刚接触layui不太会 我的功能流程如下:先删除数据,然后在获得表单中所有的数据,转化为json对象,然后在绑定到表格上,百度一下午了还没找到有我这种写法的,麻烦各位大哥帮忙看一看;
html:



绑定数据:



删除数据:

代码如下:
<table lay-filter='demo'>
<thead>
<tr>
<th>序号</th>
<th>位置名称</th>
<th>设备类型</th>
<th>操作</th>
</tr>
</thead>
<tbody id="tableMap">

</tbody>
</table>
js里绑定数据:
var html = "";
for( var i = 0; i < jsonobj.length; i++ ) {
var id = i+1;
html += "<tr>";
html += "<td>" + jsonobj[i].id + "</td>";
html += "<td>" + jsonobj[i].name + "</td>";
html += "<td>" + jsonobj[i].type + "</td>";
html += "<td> <div class='searchBtn' onclick='deleteRow("+i+");'>删除</div></td>";
html += "</tr>";
}
$("#tableMap").html(html);
回帖
  • Zlheb
    2019-3-15
    你是想点击删除请求成功后删除当前行么? 如果是 不需要这么麻烦,获取到当前点击的按钮的祖父对象即tr 然后调用 var tr = $(this).parent().parent(); tr.remove(); 这个就可以了,不知道你的问题是什么
    0 回复
  • 陈逗逗
    2019-3-15
    @Zlheb 大哥你好,我现在删除是没问题了,主要是差无法获取删除后表单的值,要是获取到我在重新绑定就好了
    0 回复
  • Zlheb
    2019-3-15
    @陈逗逗 没有看到你的表单代码在哪里哦 也没看到你是怎么获取值的呢
    0 回复
  • 陈逗逗
    2019-3-15
    @Zlheb 因为我的数据不是从数据库读取的,而是从别的地方传过来的json,然后在绑定到表单上,现在的问题是因为,我传入的值是下标,比如删除第一条数据,下标为0的,第一次删除是没问题的,第二次因为还是之前那个数据,还是之前的那个下标,所以在删除一次数据后在获取表单所有的数据重新绑定,我今天找了一个下午了,没看见有这种写法的[泪]
    0 回复
  • Zlheb
    2019-3-15
    @陈逗逗 不太清楚你说的删除表单内容是什么意思,你可以把截图贴出来看一下
    0 回复
  • 陈逗逗
    2019-3-15
    @Zlheb 图我发在上面了,你可以看一下
    0 回复
  • Zlheb
    2019-3-15
    @陈逗逗 额 你把表格当作表单的呀? 你想实现的应该是点击删除把json里面的数据删除一条然后重新绑定到table中吧 ,如果你只是想做一个假的表格(刷新还原)的话就用我上面说的那种直接把当前行删除就可以了 如果你是想改变数据库中的数据 即(json数据的来源) 的话可能需要调用后台接口去删除哦
    0 回复
  • 陈逗逗
    2019-3-15
    @Zlheb 嗯 是的,把之前绑定的json在删除一条在重新绑定在表格里,现在是删除完后不知道如何获取表单里的数据,因为您看我绑定表格的方式是直接用拼接的,所以不知道该怎么获得
    0 回复
  • Zlheb
    2019-3-15
    @陈逗逗 额 大概明白你的意思了 你应该是想点击删除之后表格能正常删除,但是json没有发生改变,你想通过删除之后的表格去获取数据然后拼接成json 是么? 不需要这样做的,点击删除之后,可以获取到将要删除的id(标识不一定是id) 然后到json数据中删除调这条就可以了 不需要通过表格来反向组装json数据
    0 回复
  • 陈逗逗
    2019-3-15
    @Zlheb 但是我传入删除的id是最开始json数据的下标
    0 回复