【若依系统-前后端不分离版本的】怎么在列表中直接修改某个字段的值?
使用若依系统的时候,在列表中之间修改某个字段的值或者实现如下功能怎么实现?思路:可以参照列表中操作:我们可以看到,在列表最后操作,其实是a标签的。我们可以模仿这个来写。先来看看,凯哥实现的效果:再来看看怎么实现的。浏览器F12后,找到对应的数据。就是一个div.如下:<html> <head></head> <body>
使用若依系统的时候,在列表中之间修改某个字段的值或者实现如下功能怎么实现?

这里凯哥使用两种方法来实现:
方法一:自己写代码来实现
思路:
可以参照列表中操作:

我们可以看到,在列表最后操作,其实是a标签的。我们可以模仿这个来写。
先来看看,凯哥实现的效果:

再来看看怎么实现的。

浏览器F12后,找到对应的数据。就是一个div.如下:
<html> <head></head> <body> <div> <span id="showPurchaseNumDate_0">90</span> <div> <input type="text" id="purchaseNumDate_0" oninput="purchaseNumDateChange(0)" placeholder="请输入进货数量" value="90" /> <a href="javascript:void(0)" onclick="return savePurchaseNum( '2', '0' )">保存</a> </div> </div> </body> </html>
其实这个是拼接出来的div.
我们回到上面,看看列表中操作是怎么拼接出来的:

就是使用了formatter这个熟悉。然后将拼接好的html片段return出去就可以了。
那么我们也模仿这个拼接我们需要的html片段:
找到我们需要修改的字段位置。然后如下图:

代码:
{
field: 'purchaseNum',
title: '进货数量',
width: 200,
formatter: function(value, row, index) {
var actions = [];
var data = row.purchaseNum;
if('null' == data || null == data){
data = '';
}
var optionDiv = '<div >' +
'<span id="showPurchaseNumDate_'+index+'">'+data+'</span>' +
原创不易,完成人机校验,阅读全文