2012-06-20 67 views
1

在我的Phonegap android应用程序中动态地添加列表项到jqm listview在哪里点击一个项目,我正在接受项目索引并将它传递给另一个页面以显示基于点击项目的相关信息。它与jqm v1.0a3但现在我更新到jqm v1.1.0和现在onclick事件不工作。任何帮助?onclick事件jqm listview不工作?

for(var i=0;i<result.length;i++) 
{ 
var li=document.createElement("li"); 
    li.innerHTML="<a onclick='getIndexOfClickedListItem("+i+");'></a><p><b>CustName</b>"+result[i].fields.NAME+</p>"; 
ul.appendChild(li); 
} 

回答

1

你好,请拿在这里一看(因为我看不到您的完整代码)工作演示使用JQM列表视图http://jsfiddle.net/3RyXz/

这将增加新丽,以及你可以在页面之间进行导航。

这应该有所帮助,请让我知道如果我错过任何东西。

更新演示

这里与指数警报http://jsfiddle.net/RTpqd/14/(我已经添加了类似的功能,因为你需要 - getIndexOfClickedListItem :)

行为:1 - 点击Add Item链接,然后点击在foo1li你会看到正确的索引值弹出。

代码

$('.add').click(function(){ 
    $('#1, #2').append('<li><a onclick="getIndexOfClickedListItem('+count+');"> foo' + count + '</a></li>'); 

    $(this).closest('.ui-content').find('.ui-listview').listview('refresh'); 

    count++; 
}); 

getIndexOfClickedListItem此功能休息演示将使代码确实增加了李

$('.add').click(function(){ 
    $('#1, #2').append('<li>' + count + '</li>'); 

    $(this).closest('.ui-content').find('.ui-listview').listview('refresh'); 

    count++; 
}); 
更加清晰

//adding click on new list item for index 
function getIndexOfClickedListItem(str){ 

    alert("The clicked list index is ==>" + str); 
} 

部分

+0

Thanx为您的快速响应。动态项目添加工作正常,但我想要得到listView的单击项目的索引。 – Tarak

+1

@Tarak aha看到这里:更清洁,我会更新我的帖子,以及如何使用:http://jsfiddle.net/RTpqd/14/ –

+0

感谢它的工作now.But仍然想知道为什么onclick不能与jqm 1.1.0但在1.0a下正常工作。 – Tarak

2
 var items=new Array();   
     for(i=0;i<data.resulrset.length-1;i++) 
     { 
     items.push("<li onclick='getvalue(\""+data.resulrset[i].city_name+"\")'><a href='#'>"+ data.resulrset[i].city_name + "</a></li>")    
     } 
     var liinner_html=items.join('');  
     $("#list").html(liinner_html); 
     $(list).show();