レコード新規登録画面・詳細表示画面・編集画面にレコードの内容をちょこっと計算して表を表示したいのでkintoneUIComponentでテーブルを作ろうとしましたが上手くいきません。
githubからjsとcssをダウンロードし、ひとまずドキュメンにあるサンプルソースをコピペしてみました。
ドキュメント⇒https://kintone.github.io/kintone-ui-component/latest/Reference/Table/#createtablecelltype-datafieldname-props
var table = new kintoneUIComponent.Table({
// inital table data
data: [
{text: { value: ‘this is a text field’ }}
],
// default row data on row add
defaultRowData: {text: { value: ‘default text field value’ }},
columns: [
{
header: ‘Text’,
cell: function() { return kintoneUIComponent.createTableCell(‘text’, ‘text’) }
},
]
});
$(kintone.app.record.getSpaceElement(‘space’)).append(table.render());
行追加の「+」ボタンは表示されますが、行が表示されません。
なにか足りないのでしょうか？
どなたかご教授のほどよろしくお願いいたします。
貼られているリンク先のドキュメントが見れないのですが、
kintoneUIComponent.Tableのコンストラクタの指定に最低限必要なのは、
rowTemplate、headerではないでしょうか。
https://kintone.github.io/kintone-ui-component/Reference/Table/#constructor
const text = new kintoneUIComponent.Text();
const dropdown = new kintoneUIComponent.Dropdown({
items: [{ label:'Red', value:'red' }, { label:'Green', value:'green' }],
value:'green'
})
const table = new kintoneUIComponent.Table({
rowTemplate: [text, dropdown],
header: ['Fruit', 'Color']
});
kintone.app.record.getSpaceElement('space').appendChild(table.render());
私が見ていたドキュメントはバージョン2.0のものでした。
未公開のバージョンでしたが、なぜだかドキュメントだけ公開されていました。
今は未公開になってます。
まぎらわしい・・・
PVさんのおっしゃる通り、現在のバージョンですとrowTemplate、headerは必須ですよね。
ありがとうございました！