一覧表示時に、カラムの内容に追加したい

kintone カスタマイズ
1

 レコード一覧にデータを表示させる際に、カラムの中身をポップアップ表示させるために先頭にaタグを追加させるために、下記のようにソースを組みましたが一覧に反映しません。

まだポップアップの処理は作っていませんが、とりあえずはaタグを追加した内容が一覧に反映することを確認したいのですが、これは可能でしょうか？。

(function() {
“use strict”;

kintone.events.on(‘app.record.index.show’, function(event) {
if (!event.size){
return;
}
var data = event.records;
var textData = kintone.app.getFieldElement(‘文字列__複数行__1’);

$.each(data,function(i,val){
var tmp = val.文字列__複数行__1.value;
val.文字列__複数行__1.value = “<a href=‘#’ onmouseover=‘showToolTip(event,tmp);return false’ onmouseout=‘hideToolTip()’>*</a>” + tmp;
});
event.records = data;
console.log(event);
return event;
});
})();

 

よろしくお願いいたします。

2

岡 隆史 さん

一覧画面では record.event の中身を書き換えることはできませんので、

DOM を書き換えるようなカスタマイズが必要になるかと思います。

以下、サンプルコードです。ご参考になれば幸いです。

(function () {
"use strict";

kintone.events.on('app.record.index.show', function (event) {
if (!event.size) {
return;
}
var data = event.records;
var textData = kintone.app.getFieldElements('文字列 __複数行__ 1');

$.each(data, function (i, val) {
var tmp = val.文字列 __複数行__ 1.value;
//DOM の書き換え
textData[i].innerHTML = "<a href='#' onmouseover='showToolTip(event,tmp);return false' onmouseout='hideToolTip()'>*</a>" + tmp;
textData[i].style.verticalAlign = "middle"; //文字位置調整
});

});
})();

※ innerHTML の書き換えは、今後のアップデートの影響等で正しく動作しなくなる恐れがあります。

ご注意ください。

3

ありがとうございます。

早速試してみます。