在phonegap JQM中动态创建的列表视图中添加li内部的按钮

Add buttons inside li in dynamically created listview in phonegap JQM

本文关键字:添加 li 内部 按钮 视图 列表 phonegap 动态 创建 JQM      更新时间:2023-09-26

我应该在phonegap中创建一个考勤应用程序。。。我希望学生姓名列表在列表视图中的姓名下方有2,3个按钮。。。会有一个ul,里面会有li,里面会显示名字。。。我就是不知道李怎么能加上那个按钮。。。!

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

如果任何人都能在最初编写代码,那将非常有帮助。。。

谢谢,。。

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

<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>

演示