用javascript向jquery网格添加行

Adding rows to a jquery grid with javascript

本文关键字：网格 添加行 jquery javascript      更新时间：2023-09-26

所以基本上，我实际上是做一个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>');
}
相关文章：