所以基本上,我实际上是做一个web应用与html/css/javascript和我几乎是一个初学者(我是一个c++/c#家伙)。我已经看到了许多解决方案,但他们总是使用与实际ui-grid无关的东西。到目前为止,我做了我的标题(不会改变),现在我正在寻找一种方法来添加行在网格中。这里是我的header:
<div class="ui-grid-a" id="currentgrid" style="height: 38px">
<div class="ui-block-a">
<div class="ui-grid-b">
<div class="ui-block-a">
<div class="ui-bar ui-bar-e">Info1</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-e">Info2</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-e">Info3</div>
</div>
</div>
</div>
<div class="ui-block-b">
<div class="ui-grid-b">
<div class="ui-block-a">
<div class="ui-bar ui-bar-e">Info4</div>
</div>
<div class="ui-block-b">
<div class="ui-bar ui-bar-e">Info5</div>
</div>
<div class="ui-block-c">
<div class="ui-bar ui-bar-e">Info6</div>
</div>
</div>
</div>
</div>
下面是我将如何调用js函数来添加我需要的行
<a href="#" class="custom-button-style" onclick="find()" id="find" name="find">Search</a>
例如,如果我可以通过在循环中只改变一个数字的值来选择添加的行数,那就太棒了。
帮帮我=
你可以这样循环和追加html元素:
for(var i = 1; i <= 10; i++) {
$('#currentgrid').append('<div class="ui-bar ui-bar-e">Info'+i+'</div>');
}