Javascript 在JSF中动态生成JSF元素：相当于JSDOM

我希望有一个JSF数据表，并在单击按钮时向表中插入行（带有输入字段）。在JS中，您可以考虑执行以下操作：

$(document).ready(function(){    
$('#myButton').click(function(){
    document.getElementById('myTable').style.display="block"; //show table
    var table = document.getElementById("myTable"); //get table
    var row = table.insertRow(1); //insert row into table
    var cell1 = row.insertCell(0); //insert into the created row
    var cell2 = row.insertCell(1); //insert into the created row   
    cell1.innerHTML = "<input type='text' value='someValue' readonly='readonly'>";
    cell2.innerHTML = '<textarea rows="1" cols="90" ></textarea>';       
});
});

$（文档）.ready（函数（）{
$（“#myButton”）。单击（函数（）{
document.getElementById（'myTable'）.style.display=“block”//show table
var table=document.getElementById（“myTable”）；//获取表格
var row=table.insertRow（1）；//将行插入表中
var cell1=row.insertCell（0）；//插入到创建的行中
var cell2=row.insertCell（1）；//插入到创建的行中
cell1.innerHTML=“”；
cell2.innerHTML=''；
});
});

---

我正在开发一个JavaWeb应用程序，其中一个屏幕将让用户单击按钮以获得更多的输入字段。有没有关于如何在脸上这样做的建议？我还不太熟悉JSF。任何帮助都将不胜感激。

可能重复的on按钮剪辑将打开一个对话框，以收集新记录的数据。当用户通过“保存”按钮关闭此表时（数据验证通过），它将保留新记录并重新提交数据表。