如何在gridview中追加新行 [英] How do I append new row in gridview

问题描述

我想在gridview中实现这个目标：



http://bootsnipp.com/snippets/featured/dynamic-form-fields-add-new-field-on-focus-or-change [ ^ ]





我已经实现了以下行为，但是想在gridview上实现它：

-1.DropDown 1.TextField连续。

-除了最后一行之外的所有行，TextField旁边都会出现十字标记。

- 新行[带1.DropDown 1.TextField]被添加到最后一个TextField的焦点上。

- 点击交叉标志，行被删除。



我认为这是一个糟糕的实现，我必须保持所有元素的id等。我假设gridview可能是一个更清洁的方法。

I would like to achieve this in gridview:

http://bootsnipp.com/snippets/featured/dynamic-form-fields-add-new-field-on-focus-or-change[^]


I've implemented the following behavior, but would like to achieve it on a gridview:
-1.DropDown 1.TextField in a row.
-The cross sign appears next to TextField on all rows except the last row.
-New row[with 1.DropDown 1.TextField] gets added on focus of the last TextField.
-On clicking the cross-sign, the row gets deleted.

I think it's a bad implementation, and I have to maintain the id's of all the elements etc. I'm assuming gridview might be a cleaner approach.

推荐答案

function GennrateRow(parameter1, parametr2) {
    try {

        return '<tr class="prototype" Active="1" runat="server" clientidmode="Static">' +
                                                '<td>' +
                                                    '<select class="form-control form-control-box col-lg-8 bxFloatleft ddlRole">' + field1+
        '</select>' +
                                                '</td>' +
                                               ' <td>' +
                                                    '<select class="form-control form-control-box col-lg-8 bxFloatleft ddlRoleType">' + field2+
        '</select>' +
                                                '</td>' +
                                               ' <td>' +
                                                    '<input type="text"  onkeydown="return false;" onpaste="return false;" ondrop="return false;" class="from form-control required-field form-control-box txtStartDate" />' +
                                                '</td>' +
                                                '<td>' +
                                                    '<input type="text" onkeydown="return false;" onpaste="return false;" ondrop="return false;" class="to form-control form-control-box hide txtEndDate" />' +
                                                '</td>' +
                                                '<td>' +
                                                '<span class="delete" style="cursor:pointer"><img src="../../Images/delete_form.gif" /></span>' +
                                                '</td>' +
                                             '</tr>';

    } catch (e) {
        console.log(e);
    }
}

这篇关于如何在gridview中追加新行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！