新規投稿
フォローする

JavaScript / CSSでカスタマイズ

kintoneの初期実装されているカレンダー機能を最近使用し始めたのですが、

件数が多いと『その他〇件』と表示されてしまうため、回避方法を探して

下記のサイトを参考にしてみたのですが何も起こりませんでした。

https://bit.ly/35K36kT

 

https://js.cybozu.com/jquery/3.5.1/jquery.min.js をURL指定で追加

②下記のコードをメモ帳に貼りつけてUTF-8で拡張子を『.js』保存して追加

上記の2点の作業を行なってみたのですが、変化がありませんでした。

 

方法に誤りがございますでしょうか。

素人質問で大変恐縮ですがご教示いただけますと幸いです。

 

 

jQuery.noConflict();
(function($) {
 "use strict";

 //一覧ページで実行されるイベント
 kintone.events.on("app.record.index.show", function(e) {
  //カレンダー 4件以上でスケジュールが折りたたまれてしまう仕様を回避

  //一覧をカレンダーにした時だけ読み込まれるようにする
  if($(".calendar-gaia").length > 0){
   var records = e.records;
   for (var date in records){
    var cnt = records[date].length;
    if(cnt > 3){
     //一旦リストの表示個所を空文字にする
     var $div = $("#" + date + "-calendar-gaia").find(".calendar-cell-body-gaia");
     $div.html("");
     
     //リストを再生成
     var $ul = $("<ul>");
     $ul.addClass("calendar-cell-body-list-gaia");
     
     for (var i = 0; i <  cnt; i++) {
      var rec = records[date][i];
      var $li = $("<li>");
      $li.addClass("calendar-record-gaia cellitem-singlelinetext-gaia");

      //rec.$idでレコードID、rec.titleでタイトル用のカラムにアクセス
      $li.html("<a href=\"/k/4/show#record=" + rec.$id.value + "\"><span class=\"cellitem-value-gaia\">" + rec.title.value + "</span></a>");
      $ul.append($li);
     }

     //空文字にした個所に再生成したリストを挿入する
     $div.append($ul);
    }
   }
  }
 }); 
})(jQuery);

0

2件のコメント

Avatar
y_jedi

こんにちは!

こちらの記事を参考にして、コンソール画面に出ているエラーがあったら教えていただきたいです。
https://developer.cybozu.io/hc/ja/articles/207613916

また、Internet Explorer を使用されている場合は、JavaScript が動かない可能性があります。
Chrome などに変更して確認してみてください。

1
Avatar
かわ

ご返信いただきましてありがとうございます。

以下のようなエラーメッセージが出てまいりました。

 

0
サインインしてコメントを残してください。