在phonegap JQM中动态创建的listview中添加li里面的按钮

时间:2014-11-04 18:15:07

标签: javascript jquery listview jquery-mobile cordova

我应该在phonegap中创建一个考勤应用程序... 我希望学生名单列表在列表视图中的名称下方有2,3个按钮... 将会有一个ul,其中将显示名称将显示的li ... 我只是不知道如何在li ...中添加这些按钮!

应该有一个列表视图,其名称显示在li&在名称下方应该有一个勾号按钮,十字按钮,还有2-3个...... 在这个李下面的另一个名字后面有同样的事情...... 请帮助我,我怎么能通过phonegap使用html,css,javascript,jquery,mobile jquery来制作这个东西......

如果有人可以最初编写代码,那将非常有用......

谢谢你,..

1 个答案:

答案 0 :(得分:0)

只需在控制组中添加按钮:

<ul data-role="listview" data-inset="true">
  <li>John Smith
    <div data-role="controlgroup" data-type="horizontal" data-mini="true">
      <a href="#" class="ui-btn ui-corner-all ui-icon-check ui-btn-icon-notext">Icon only</a>
      <a href="#" class="ui-btn ui-corner-all ui-icon-delete ui-btn-icon-notext">Icon only</a>
      <a href="#" class="ui-btn ui-corner-all ui-icon-home ui-btn-icon-notext">Icon only</a>
      <a href="#" class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext">Icon only</a>
    </div>
  </li>
</ul>
  

<强> DEMO