いつもお世話になっております。
'app.record.create.show’内で、表示された明細の項目に対して、ハイパーリンクを自動生成させようと考えています。
しかし、項目に対して、ハイパーリンクの生成が行えません。
この方法が実装できるのか？できるならば、何が悪いかご教授いただけないでしょうか？
※実装予定上では検索条件が８項目ある為、一覧画面から行うことが出来ませんでした。
操作方法
①「検索」ボタンを押下
②条件に合ったデータを、サブテーブルに表示
その際、【発注】欄に対して、”発注詳細”の文字を表示させ、その項目に対して、ハイパーリンクを付与して、クリックするとその画面に移動するようにしたい
※一度データを登録して、登録のデータを呼び出せば、【発注】欄のURLがクリックでき、該当ページに移動はします。（URLは隠したい）。
【実行結果の画面です。】
【JavaScript】
(function() {
‘use strict’;
kintone.events.on([‘app.record.create.show’], function(event) {
// *********************************************************************
// 問合せボタンの作成
// *********************************************************************
var DataSerchButton = document.createElement(‘button’);
DataSerchButton.id = ‘Data_Serch_button’;
DataSerchButton.innerHTML = ’ 検索 ';
DataSerchButton.style.fontSize = “28px”;
DataSerchButton.style.color = ‘#0000FF’;
DataSerchButton.style.background = ‘#FFFF88’;
DataSerchButton.style.width = ‘170px’;
DataSerchButton.style.height = ‘74px’;
DataSerchButton.onclick = function() {
// ワークエリア
var rec = kintone.app.record.get();
var Purchase_Code = rec.record.仕入先コード.value;
// 現在表示しているテーブルのクリア処理
rec.record.発注残一覧明細.value = [];
// Query条件設定
var w_query = ‘総合ステータス = 1’;
if (Purchase_Code !== “” && Purchase_Code !== undefined) {
w_query = w_query + ’ and 仕入先コード = “’ + Purchase_Code + '”‘;
}
w_query = w_query + ’ order by 納入予定日 asc, 発注No asc’;
//パラメータ設定
var param = {
app : Purchase_Order_Input_APPID,
query : w_query
};
//リクエスト
kintone.api(kintone.api.url(‘/k/v1/records’, true), ‘GET’, param).then(function (resp1) {
return resp1;
}).then(function(resp1){
var newRow = [];
if (resp1.records.length !== 0){
var read_cnt = resp1.records.length;
for(var i=0; i<read_cnt; i++){
//入力行の作成
newRow = {
value: {
明細_発注 : {type: ‘RICH_TEXT’, value: “”, disabled: true },
明細_発注No : {type: ‘SINGLE_LINE_TEXT’, value: “”, disabled: true },
}
};
rec.record.発注残一覧明細.value.push(newRow);
var Link = “https://xxxxx.cybozu.com/k/” + Purchase_Order_Input_APPID + “/show#record=” + resp1.records[i].レコード番号.value;
rec.record.発注残一覧明細.value[i].value.明細_発注.value = ‘<div><a href="’ + Link + ’ ">発注詳細</a></div>';
rec.record.発注残一覧明細.value[i].value.明細_発注No.value = resp1.records[i].発注No.value;
}
} else {
// データが存在しない場合、テーブルの１行目を作成して、入力不可とする
newRow = {
value: {
明細_発注 : {type: ‘RICH_TEXT’, value: “”, disabled: true },
明細_発注No : {type: ‘SINGLE_LINE_TEXT’, value: “”, disabled: true },
}
};
rec.record.発注残一覧明細.value.push(newRow);
}
kintone.app.record.set(rec);
return event;
});
};
kintone.app.record.getSpaceElement(‘Data_Serch’).appendChild(DataSerchButton);
});
})();