0

Displaying top 5 resultsオートコンプリートで、実際に表示されている結果が5つある場合にのみ表示されるフッターを表示したいと思います。

これまでのところ、最初は5つ未満の結果がある場合は表示されないように設定していますが、5つの結果が読み込まれると、実際に表示されている結果の数に関係なく、フッターは常に表示されます。

ばかげたflip仕掛けを許してください。

oAC.formatResult = function(oResultData, sQuery, sResultMatch) {
         var sKey = sResultMatch

         // Extract the part of the match that the user did not type
         var sKeyRemainder = sKey.substr(sQuery.length);


         oAC.setFooter("");
         var aMarkup = ["<div class='myCustomResult'>",
                             "<span style='font-weight:bold'>",
                             sQuery,
                             "</span>",
                             sKeyRemainder,
                             "<br>",
                             "</div>"];

         if (oResultData[2] >= 4) {
            flip = true;
         }
         if (flip) {
            oAC.setFooter("<div style=\"margin-left:5px;\"><span style=\"font-weight:bold;\">See more results for " + sQuery + "</span><br>Showing top 5 results</div>");
         }
         return (aMarkup.join(""));
      };
4

2 に答える 2

1

関数に設定するのではなく、formatResult関数を使ってみたところdoBeforeExpandContainer、お守りのように機能します。

oAC.formatResult = function(oResultData, sQuery, sResultMatch) {
   var sKey = sResultMatch

   // Extract the part of the match that the user did not type
   var sKeyRemainder = sKey.substr(sQuery.length);


   oAC.setFooter("");
   var aMarkup = ["<div class='myCustomResult'>",
                       "<span style='font-weight:bold'>",
                       sQuery,
                       "</span>",
                       sKeyRemainder,
                       "<br>",
                       "</div>"];

   oAC.setFooter("<div class=\"ac-footer\"><div class=\"ac-footer-content\"><a class=\"ac-footer-link\" href=\"#\" onclick=\"spandex(this,event,'filter-company');return false;\">See more results for <b>" + sQuery + "</b></a><br><span class=\"ac-footer-sub\">Showing top 5 results</span></div></div>");

   return (aMarkup.join(""));
};

oAC.doBeforeExpandContainer = function(sQuery, oResponse) {
   if (oAC._nDisplayedItems <= 5) {
      oAC.setFooter("");
   }

   return true;
}

doBeforeExpandContainerコンテナが開くたびに呼び出され（_nDisplayedItems予想どおり）、リストに表示されるアイテムの数です（予想どおり）。

したがって、結果が取得されると、毎回フッターが追加されます。次に、ボックスが表示される前に、結果が5つ以下の場合、フッターが削除されます。

于 2011-02-25T17:00:38.817 に答える
0

結果が5つある場合にのみフッターを表示しますか？

それならあなたは変えてはいけません

if (oResultData[2] >= 4) {
    flip = true;
}

に

if (oResultData[2] == 4) {  // is this a zero based number? or should this be 5?
    flip = true;
}
else { flip = false } // assuming you don't already reset this in scope

？

于 2011-02-24T16:36:15.367 に答える