リストボックスからのフィルタテキストのテキストボックスへの実装方法

Question

wp7のようにBing検索を実装する方法は、リストボックスのデータリストをテキストボックスに入力してリストからデータをフィルタリングする必要があります。 Windowsの携帯電話用のSilverlight Toolkitの

Answer 1

チェック自動補完コントロール（それはCodePlexの上にある）

Answer 2

addtionで述べたくっとしてAutoCompleteBoxを使用するには、CollectionViewSource http://www.windowsphonegeek.com/news/wp7-Collectionviewsource-filtering

Answer 3

//JQuery: 
 
//mobile - netbanking search 
 
$(document).on('keyup', '#filter', function (e) { 
 
\t // Retrieve the input field text and reset the count to zero 
 
\t var filter = $(this).val(); 
 

 
\t //Regex created to find value in list. 
 
\t var pattern = new RegExp(filter, "i"); 
 

 

 
\t // Loop through the comment list 
 
\t $(".list").each(function() { 
 
\t \t // If the list item does not contain the text phrase fade it out 
 

 
\t \t //Trim space from variable value. 
 
\t \t var str = $(this).text().trim(); 
 

 
\t \t if (str.search(pattern) < 0) { 
 
\t \t \t $(this).fadeOut(); 
 
\t \t \t //Show the list item if the phrase matches and increase the count by 1 
 
\t \t } else { 
 
\t \t \t $(this).show(); 
 
\t \t } 
 
\t }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
JQuery Solution: 
 
HTML will be: 
 

 
<div class="yourlist"> 
 

 
\t <input name="" id="filter" type="text" placeholder="Search list" onkeyup="this.setAttribute('value', this.value);" value=""> 
 

 
\t \t <div class="list" style="display: block;"> 
 
\t \t \t Abc 
 
\t \t </div> 
 
\t \t <div class="list" style="display: block;"> 
 
\t \t \t xyz 
 
\t \t </div> 
 
\t \t <div class="list" style="display: block;"> 
 
\t \t \t qwe 
 
\t \t </div> 
 
</div>

を使用する必要があります