Json AlpacaJS表格-推送数据和添加占位符

在Alapaca的Stack Overflow上发布了这篇文章，但我知道他们很忙/没有及时回复，所以希望其他人能帮助解决这个问题

我有一张桌子。行数由另一个元素使用postRender脚本设置。但是，当我按下时，我无法在元素中设置任何值。代码如下：

模式

"required": false,
"properties": {
  "study_group_radio": {
    "enum": [
      "2",
      "3",
      "4",
      "5",
      "6"
    ]
  },
  "study_group_table": {
    "type": "array",
    "required": false,
    "items": {
      "type": "object",
      "properties": {
        "study_group": {
          "title": "Study Groups",
          "type": "number",
          "readonly": true
        },
        "dose": {
          "title": "Dose",
          "type": "string"
         },
        "route": {
          "title": "Route",
          "type": "string"
        },
        "doses": {
          "title": "# Doses",
          "type": "string"
        },
        "animals_main": {
          "type": "string",
          "title": "Animals Main"
        },
        "animals_recovery": {
          "type": "string",
          "title": "Animals Recovery"
        }
      }
    }
  }
}

选择权

{
"type": "object",
"fields": {
  "study_group_radio": {
    "type": "radio",
    "helper": "the number of selected will generate a table"
  },
  "study_group_table": {
    "type": "table",
    "id": "study_group_table",
    "label": "New table",
    "animate": true,
    "hideNone": true,
    "toolbarStyle": "button",
    "actionbarStyle": "right",
    "items": {
      "type": "tablerow"
    },
    "hideToolbarWithChildren": true,
    "datatables": {
      "paging": false,
      "lengthChange": false,
      "info": false,
      "searching": false,
      "ordering": true,
      "columns": [
        {
          "orderable": false,
          "name": "actions",
          "bSortable": false,
          "sName": "actions"
        }
      ],
      "bLengthChange": false,
      "bInfo": false,
      "aoColumns": [
        {
          "orderable": false,
          "name": "actions",
          "bSortable": false,
          "sName": "actions"
        }
      ],
      "bSort": true,
      "bPaginate": false,
      "bFilter": false
    },
    "dragRows": false,
    "showActionsColumn": false,
    "fields": {
      "dose": {
        "placeholder": "e.g. 1 mg/kg"
      }
    }
  }
}

后期渲染

control.childrenByPropertyId["study_group_radio"].on("change", function() {
  var times = this.getValue();
  var value = 
  control.childrenByPropertyId["study_group_table"].getValue(value);

  if (value.length < times) {
      for (var i = value.length; i < times; i++) {
          console.log(i+1);
          value.push({
              "study_group": (i+1),
              "dose": "",
              "route": "",
              "doses": "",
              "animals_main": "",
              "animals_recovery": ""
          });
      }
  } else {
      while (value.length > times) {
          value.pop();
      }
  }
  console.log(value.study_group);
  control.childrenByPropertyId["study_group_table"].setValue(value);
});

control.childrenByPropertyId[“研究组无线电”]。打开（“更改”，函数（）{
var times=this.getValue（）；
var值=
对照组。childrenByPropertyId[“研究组表”]。getValue（值）；
if（value.length<次）{
for（var i=value.length；i次）{
value.pop（）；
}
}
console.log（value.study_组）；
对照组。childrenByPropertyId[“研究组表”]。设置值（值）；
});

表格选项是使用示例表单生成器预先填充的。不幸的是，当我手动输入代码时，我无法使表正常工作。我虔诚地研究了AlpacaJS表格文档中的10个示例，但对它们有效的东西似乎对我无效

问题：

我正在尝试自动为“学习小组”列编号。postRender代码创建正确数量的行，但它们始终为空，尽管添加了一个值（i+1）

我不知道如何使用羊驼添加占位符。我可以通过在渲染后手动操作html来实现这一点。你可以看到我在选项中的“剂量”上试过

---

谢谢

您的代码是正确的，但您需要为表添加一个数据对象并将其设置为空以解决空行问题

"data": {
  "study_group_table": []
}

对于占位符问题，您必须将

“字段”

包装到

“项目”

属性中

"items": {
  "fields": {
    "dose": {
      "placeholder": "e.g. 1 mg/kg"
    }
  }
}

这里有一个例子。

---

如果您还需要什么，请告诉我，我很乐意帮忙。

谢谢！我确实解决了占位符问题，很抱歉没有更新这个。。。不幸的是，我们使用Alpaca的方式不允许我在数据对象中设置任何内容，所以我的头撞到了postRender上。终于可以开始编号了，现在正在添加编号后将单元格设置为只读（在模式中设置readonly=true会阻止我添加编号）。好的，所以我重新添加了数据对象。。。并发现，如果通过选项进行设置，则设置为“只读”。。。通过架构设置时无法正常工作。再次感谢您的回复！现在我正在根据内容调整表行的大小。。。