AMIS低代码平台，前端开发常见问题(一)

1.快速进去系统快捷键

Ctrl+q

2.CRUD(增删改查)添加序号。

"tpl": "${index+1}"

代码如下：

{

  "type": "text",

  "label": "序号",

  "placeholder": "-",

  "body": [

  ],

  "id": "u:871ef0975ff4",

  "tpl": "${index+1}"

}

3.CRUD(增删改查)，设置超出隐藏。

类似需求描述这种文字比较多的文本框，在列表中显示时仅显示前10个字，后面中“……”代替。

"tpl": "${detail | truncate:6}"

代码如下：

{

  "type": "text",

  "label": "描述",

  "name": "detail",

  "placeholder": "-",

  "body": [

  ],

  "id": "u:d272bcd7b0df",

  "tpl": "${detail| truncate:6}"

}

 4.CRUD(增删改查)中，导出数据时传选中的ids给接口。

（1）将导出按钮挪到跟批量操作里面，跟批量删除放到同层。（自动生成的代码，导出按钮是单独的）

（2）在导出按钮的接口配置中勾选文件下载按钮。

（3）http配置中，发送数据中添加ids和selectedItems。

 5.CRUD中时间格式错误。

如下图，当时间展示这样的格式是因为valueFormat的值设置错了，这里要把“X”，换成“x”

代码如下：

{

  "type": "date",

  "label": "提出时间",

  "name": "createTime",

  "placeholder": "-",

  "body": [

  ],

  "format": "YYYY-MM-DD HH:mm:ss",

  "valueFormat": "x",

  "id": "u:122bd24b51a9"

}

6.CRUD点击卡片式，点击某行添加跳转事件

在CRUD中找到"type": "card",在它同层添加如下代码

"itemAction": {

      "type": "button",

      "actionType": "url",

      "url": "/bmc-page-config/preview/M_QINGEP_INTELLIGENCEMANAGE_VIEW?uid=${id}",

      "blank": true

    },

其中，actionType为url，url为需要跳转的地址，后面的${id}为当前行的id，blank为是否打开新页面。

7.CRUD表格联动。表格中选中某行，另一个列表查询数据刷新。

当前表格需设置itemActive。代码如下：

"itemAction": {

    "type": "button",

    "actionType": "reload",

    "target": "zn_crud?pointId=${id},sb_crud?pointId=${id}"

  }

AtcionType设置为reload

Target是设置需要查询刷新的表格，其中zn_crud和sb_crud为需要刷新表格的name，这里是传了行id给目标表格的。

在需要查询刷新的表格中修改name

如下图：

接口参数设置：

注意：这里必须要跟在接口地址后面。如果放在http发送数据里面，第一次点击不管用，第二次才能执行