Jquery Simple Grid Вставить из TextBox

Question

Jquery Simple Grid Вставить из TextBox

0

У меня есть одна кнопка TextBox и Add. Когда я нажимаю кнопку Добавить. Значение должно быть добавлено в сетку и с иконкой "Удалить" в строке.

просто хочу использовать Simple Jquery Grid. Пожалуйста помоги.

Sagar Patel 02 апр. 2014, в 08:04

Источник

0

Что ты пробовал?
Tushar Gupta - curioustushar 02 апр. 2014, в 05:36
0

ничего не просто путешествовать по сети, чтобы найти сетку.
Sagar Patel 02 апр. 2014, в 05:37
0

"сетка" равна таблице?
Joakim M 02 апр. 2014, в 05:40
0

jqueryrain.com/2014/01/...
Tushar Gupta - curioustushar 02 апр. 2014, в 05:41

Показать ещё 2 комментария

Теги:

jquery

asp.net-mvc

2 ответа

Ещё вопросы

ничего не просто путешествовать по сети, чтобы найти сетку.

HamidRaza · Answer 1 · 2014-04-02T03-34-00.000Z

если сетка является таблицей,

ознакомьтесь с этим: http://jsfiddle.net/hamidlab/C8TT4/

очень простой jquery для добавления и удаления строки из таблицы. .remove() чтобы удалить tr и .append() чтобы добавить новый tr.

Sumeet · Answer 2 · 2014-04-02T04-17-00.000Z

Если вы хотите использовать любой jquery-плагин, вы можете использовать jQGrid.js

[Http://trirand.com/blog/jqgrid/jqgrid.html][1]

Чтобы использовать эту сетку в соответствии с вашим требованием, вы измените ее, так как она примет данные из вашей формы или любых полей ввода.

Или, если вы хотите создать простую сетку custome с помощью таблицы, вы можете использовать код

HTML:

<input type="text" id="inputText" />
<button id="addNew">Add New Row</button>
<table border=1 >
    <thead>
        <tr>
            <td>First Name</td>

            <td></td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>A</td>

            <td><button>Delete</button></td>
        </tr>
    </tbody>
</table>

Javascript:

function createRow(data){
    var newRow = "<tr>"+
                    "<td>"+data+"</td>"+
                    "<td><button>Delete</button></td>"+
                "/tr>";    
    return newRow;
}

$(document).ready(function(){    
    $("#addNew").on("click", function(){
        var data = $("#inputText").val();
        if(data != ""){
            var row = createRow(data);
        }
        $("table tbody").append(row);
        $("#inputText").val("");
    });
    $("table").on("click", "button", function(){
        var row = $(this).parents("tr");
        if(row){
            row.remove();
        }

    });
});