2012-04-15 128 views
2

我想知道是否可以通過數據過濾器獲得選擇列表。我的目標是讓用戶選擇朋友列表(通過Facebook獲得)發送邀請。Jquery Mobile:選擇朋友列表的代碼(選擇帶過濾器的列表)

我發現在列表視圖中我們可以有一個搜索過濾條;問題:不能多選select http://jquerymobile.com/test/docs/lists/lists-search.html

而在窗體列表中,我們可以選擇多個項目;問題:沒有搜索過濾器 http://jquerymobile.com/test/docs/forms/selects/ - 在「一個具有很長選項列表的示例:」

我想找到兩者的組合,就像有一個包含大量項目列表的頁面一樣選擇多個項目(在這種情況下是朋友),並有能力搜索他們。

謝謝!

回答

0

您可以創建一個列表視圖併爲列表中的每個條目添加一個複選框。這樣,當用戶看到過濾列表時,他們可以另外檢查他們想要選擇的項目。

+0

你的意思是他必須編寫自己的自定義代碼? – codaniel 2012-04-15 20:14:06

+0

使用現有的列表視圖並添加複選框。一些自定義代碼,是的。 – Ryan 2012-04-15 23:02:25

+0

對不起,這是我幽默的嘗試。 – codaniel 2012-04-16 00:13:05

1
  1. 選擇菜單。

  2. 搜尋過濾列

  3. 的選擇菜單值複製到搜索過濾器條

  4. 在相同的功能,模擬Keyup,運行過濾和清除搜索過濾器欄

  5. 函數

$("#seleMenuID").bind("change", function() { 

var val = $('select option:selected').val(); 
$('.ui-input-text').val(val); //put value of select menu on search bar Filter 


function simulateKeyUp(character) { //simulate keyup to run the filter 
jQuery.event.trigger({ type : 'keyup', which : character.charCodeAt(0) }); 
} 

$(function() { 
$('body').keyup(function(e) { 

}); 

simulateKeyUp("e"); 
$('.ui-input-text').val(''); //clear filter search bar 

}); 

});