若依(RUOYI)

【若依系统-前后端不分离版本的】怎么在列表中直接修改某个字段的值?

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

使用若依系统的时候,在列表中之间修改某个字段的值或者实现如下功能怎么实现?

00976ccf45adec2f3f4bd495392634d8.png

这里凯哥使用两种方法来实现:

方法一:自己写代码来实现

思路:

可以参照列表中操作:

863c31f536d4ef7c3b0c84da7340f499.png

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

先来看看,凯哥实现的效果:

282f8c952dd1bc043f5d21a1ca53d8b6.png

再来看看怎么实现的。

a9339ded885e475c007f29c46ef415c9.png

浏览器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.

我们回到上面,看看列表中操作是怎么拼接出来的:

209d4d932e3c650b636f7688aeb9fdfe.png

就是使用了formatter这个熟悉。然后将拼接好的html片段return出去就可以了。

那么我们也模仿这个拼接我们需要的html片段:

找到我们需要修改的字段位置。然后如下图:

4422ac85b7ff7ba8b111a39dae28b350.png

代码:

{
    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>' +
            

原创不易,完成人机校验,阅读全文

相关推荐