我尝试了各种排列,但我的结果总是将两个标签分成不同的行。基本上我想要一个输入框,在它旁边,我想要一个+图标按钮按钮(因此+不在输入框内,而是在右侧加入)。我怀疑一些继承规则让我感到悲伤,因为一些示例独立工作,但在网格内时失败。
请注意,我很好地将输入框和附加的加号按钮放在列表视图之外 - 输入框和加号放在一起很重要。
任何人都可以帮忙吗?
尝试使用控制组:
<div class="ui-grid-a">
<div class="ui-block-a">
<div class='ui-body'>
<ul id="base1" class='ui-corner-all' data-role='listview' data-inset='true'>
<li data-role="controlgroup" data-type="horizontal">
<input name="name2" id="name2" class="width100" type="text">
<a href="#" class="ui-btn ui-btn-inline ui-icon-plus ui-btn-icon-notext">+</a>
</li>
<li data-role="list-divider">Available Groups</li>
</ul>
</div>
</div>
<div class="ui-block-b">something else</div>
</div>
尝试使用 fieldcontain
<div class="ui-grid-a">
<div class="ui-block-a">
<div class='ui-body'>
<ul id="base1" class='ui-corner-all' data-role='listview' data-inset='true'>
<li class="ui-field-contain">
<input name="name2" id="name2" class="width100" type="text">
<a href="#" class="ui-btn ui-btn-inline ui-icon-plus ui-btn-icon-notext">+</a>
</li>
<li data-role="list-divider">Available Groups</li>
</ul>
</div>
</div>
<div class="ui-block-b">something else</div>
</div>