使用jQuery / apex将动态内容附加到无序列表

时间:2013-09-10 09:53:10

标签: jquery html apex-code

我有一个无序的联系人列表,在页面加载时从我的数据库中动态填充。我创建了新的联系人,并使用下面的功能将它们添加到此列表中。

    function addContactToList(){    
        api.implementListAdd('{!userId}', contactInfo, function(){}, function(){}, function(){} );
    }

问题是,在刷新页面之前,联系人不会出现。如何动态地将其添加到列表中?

这是列表的html和apex代码

    <ul data-role="listview" id="sortedList">   
        <apex:repeat value="{! myContacts }" var="contact">
            <li>
               <a href="" class="">
                    <div class="">
                          <span class="name">Name</span><span class="value">{! contact.lastname }</span><br></br>
                    </div>
                </a>
           </li>    
        </apex:repeat>
    </ul>

这样的事情会起作用吗?这不行,但我是在正确的轨道上吗?

    function addContactToList(){    
        var newContact = api.implementListAdd('{!userId}', contactInfo, function(){}, function(){}, function(){} );
        jQuery('#sortedList').append("<ui><li>"+newContact+"</li></ui>");
    }       

1 个答案:

答案 0 :(得分:0)

是的,你走在正确的轨道上。

jQuery('#sortedList').append('<li><a href="" class=""><div class=""><span lass="name">'+newContact['Name']+'</span><span class="value">'+newContact['lastname']+'</span><br></br></div> </a></li>');