2017-10-10 6 views
0

jqm listviewデータフィルタ入力のテキストボックスをクリアする関数を使用できます。私はJQM 1.3.2を使用しているので、これを解決したと思われるフィルタ可能なウィジェットは使用できません。idqまたはclassをjqm listviewに追加するdata-filterによって生成されたテキスト入力ボックス

<ul id="external" data-role="listview" data-filter="true" data-filter-placeholder="Search all cards..." data-inset="true"> 

私が使用することができるはずような気がします:

$('#external').val(""); 

しかし、それは何もしません。

私は検索フィールドを含むULのIDをターゲットに設定できますか?または、 "listview data-filter"生成されたテキストフィールドにIDを割り当てる方法はありますか?

答えて

0

私はこのコードのビットで答えを見つけました:

<script> 
    $(document).on('click', '#clear-filter', function(){  
     $('input[data-type="search"]').val(''); 
     $('input[data-type="search"]').trigger("keyup"); 
    }); 
</script> 

<div data-role="content"> 
    <div data-role="fieldcontain">  
     <ul data-role="listview" data-filter="true"> 
      <li><a href=#>Cat</a></li> 
      <li><a href=#>Dog</a></li> 
      <li><a href=#>Mouse</a></li> 
     </ul> 
    </div> 
    <div data-role="fieldcontain">  
     <input type="button" value="Clear" id="clear-filter"/> 
    </div> 
</div> 
関連する問題