新規投稿
フォローする

一覧画面での複数検索窓の作成

いつもお世話になっております。

初投稿のため、慣れない文章お許しください。

 

表記の件ですが、アプリの一覧画面にて、複数項目をand条件で検索させる

検索窓を作成しています。

具体的には、「お客様氏名」と「お客様住所」の一部から、

お客様からの問い合わせ内容を検索させたいという内容です。

 

エラーメッセージとしては

「未定義またはNULL参照のプロパティ'length'は取得できません」

と表示されます。

似たような内容・質問拝見しましたが、今回のエラーの解決方法がわからなかったので、ご教示いただければ幸いです。

 

// 設定値
const FIELD_CODE1 = "お客さま氏名";
const FIELD_CODE1_NAME = "お客さま氏名";
const AND_OR = "and";  // 必ず小文字
const FIELD_CODE2 = "お客さま住所";
const FIELD_CODE2_NAME = "お客さま住所";

// 一覧表示のタイミングで実行
(function () {
  "use strict";
  kintone.events.on("app.record.index.show", function (event) {
    // GET引数に格納された直前の検索キーワードを取得して再表示する
    var result = {};   
    var query = window.location.search.substring( 7 );  // URL固定部分(?query=)は無視

    // クエリ検索条件の区切り記号 (and/or) で分割
    var parameters = query.split( AND_OR );

    // フィールドコード名と検索キーワードに分割する
    for( var i = 0; i < parameters.length; i++ ){
        var element = parameters[ i ].split( 'like' );
        var paramName = decodeURIComponent( element[0] );
        var paramValue = decodeURIComponent( element[1] );
       
        // スペースと""をtrimして、文字列だけにしてから、配列に格納
        result[ paramName.replace(/^\s+|\s+$/g, "") ] = paramValue.replace(/^[\s|\"]+|[\s|\"]+$/g, "");
    }   

    // 検索キーワードその1
    var search_word1 = document.createElement('input');
    search_word1.onkeypress = function(e) {
        if (e.keyCode && e.keyCode == 13) {
           keyword_search();
        }
    }
    if(result[ FIELD_CODE1 ] != undefined){
        search_word1.value  = result[ FIELD_CODE1 ];   // GET引数に、直前の検索キーワードがあったら格納しておく
    }
   
    // 検索キーワードその2
    var search_word2 = document.createElement('input');
    search_word2.onkeypress = function(e) {
        if (e.keyCode && e.keyCode == 13) {
           keyword_search();
        }
    }
    if(result[ FIELD_CODE2 ] != undefined){
        search_word2.value  = result[ FIELD_CODE2 ];   // GET引数に、直前の検索キーワードがあったら格納しておく
    }
   
    // 検索ボタン
    var search_button = document.createElement('button');
    search_button.innerHTML = '検索';
    search_button.onclick = function () {
        keyword_search();
    };
   
    // キーワード検索の関数
    function keyword_search(){
      var keyword1 = search_word1.value;
      var keyword2 = search_word2.value;
      var str_query = '?query='+ FIELD_CODE1 +' like "' + keyword1 + '" '
     + AND_OR +' '+ FIELD_CODE2 +' like "' + keyword2 + '"';
     
      if(keyword1 == "" && keyword2 == ""){
        str_query = "";
      }else if(keyword1 != "" && keyword2 == ""){
        str_query = '?query='+ FIELD_CODE1 +' like "' + keyword1 + '"'
      }else if(keyword1 == "" && keyword2 != ""){
        str_query = '?query='+ FIELD_CODE2 +' like "' + keyword2 + '"'
      }
     
      // GET変数を使って、検索結果へジャンプ!
      document.location = location.origin + location.pathname + str_query
    }

    // キーワード入力部品を、kintoneヘッダ部分に埋め込む(重複を避けるため、最初に要素をクリアしておく)
    var aNode = kintone.app.getHeaderMenuSpaceElement()
  
            for (var i =aNode.childNodes.length-1; i>=0; i--) {
            aNode.removeChild(aNode.childNodes[i]);
        }
       
    var label = document.createElement('label');
    label.appendChild(document.createTextNode(FIELD_CODE1_NAME));
    label.appendChild(search_word1);
    label.appendChild(document.createTextNode(' '+ AND_OR +' '));
    label.appendChild(document.createTextNode(FIELD_CODE2_NAME));
    label.appendChild(search_word2);   
    label.appendChild(document.createTextNode('  '));   
    label.appendChild(search_button);    
    kintone.app.getHeaderMenuSpaceElement().appendChild(label);

    return event;
  });

})();

 

この内容を実行すると、検索自体は動くのですが、ある一部の一覧画面にて検索窓が表示されません。 (10の一覧画面のうち、3つで)
全ての一覧画面で表示されるようにしたいです。

表示される一覧画面とされない一覧画面では一見して違いがわかりません。


プログラミング全くの初心者で、内容もほとんどを転用しているほどです。
わかりやすく改善点を指南いただけると助かります。
よろしくお願い致します。

 

 

 

1

1件のコメント

Avatar
matsuhira

申し訳ございません。

別のjsに問題があり、修正したところ無事解決しました。

このjs自体は問題ないとのことでした。大変失礼致しました。

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