如何拖放和调整动态创建的表

时间:2015-05-21 13:42:44

标签: javascript jquery html

大家好我正在尝试拖动drop并调整动态创建的表的大小,表是在JS中创建的,

function addRow() {

    var firstname = document.getElementById("firstname");
    var table = document.getElementById("myTableData");

    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);

    row.insertCell(0).innerHTML = '<input type ="text" id="txtfirstname_' + count + '"></input>';
    row.insertCell(4).innerHTML = '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">' + '<input type="button" id="edit_' + count + '" value = "Edit" onClick="Javacsript:editRow(this)">';
    $('#txtfirstname_' + count).val(firstname.value);
    $('#txtfirstname_' + count).attr("disabled", "disabled");
    count++;
    document.getElementById("firstname").value = "";
}

https://jsfiddle.net/1ytrgvan/

这里我试图用同一页面中用户给出的上述一些细节创建一个表,我希望我的表可以拖动并可以放到任何地方,也想调整表的大小,表中的所有值都是在文本框中,有几个动态创建的按钮

1 个答案:

答案 0 :(得分:0)

如果使用AJAX Control工具包,可以在表格周围放置一个面板,并将DragPanel和ResizableControl扩展器添加到面板中。