2012-04-15 91 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 

}); 

});