在JSF中动态生成JSF元素：相当于JS DOM

Question

我希望有一个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>';       
});
});

我正在开发一个java Web应用程序，其中一个屏幕将让用户单击一个按钮以获得更多输入字段。任何建议如何在这个方面做到这一点？我还不熟悉JSF。任何帮助将不胜感激。