Javascript从rich:dataTable读取数据？_Javascript_Jsf_Richdatatable

Javascript从rich:dataTable读取数据？

javascript jsf

Javascript从rich:dataTable读取数据？,javascript,jsf,richdatatable,Javascript,Jsf,Richdatatable,我可以在表单初始化期间生成datatable（JSF）。然后我想为从rich:dataTable值读取数据编写javascript <f:view> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script type="text/javascript">

我可以在表单初始化期间生成datatable（JSF）。然后我想为从rich:dataTable值读取数据编写javascript

<f:view>
  <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

      <script type="text/javascript">
            function getTableValue()
            {
                //Here i want to write code for get one by one value  
                //from rich:datatable content
            }
      </script>

    </head>
    <body>
      <h:form id="tableForm" binding="#{DataTable.initForm}">

        <rich:dataTable id="salesTable" value="#{DataTable.saleList}" var="data">
          <f:facet name="header">
            <rich:columnGroup>
              <rich:column>
                <h:outputText value="Sales" />
              </rich:column>
            </rich:columnGroup>
          </f:facet>
          <rich:column>
            <h:outputText value="#{data.salesPercentage}" />
          </rich:column>
        </rich:dataTable>

        <input id="tableButton" type="button" value="getDataTableValue" onclick="getTableValue()" />

      </h:form>
    </body>
  </html>
</f:view>


函数getTableValue（）
{
//在这里，我想编写代码来逐个获取值
//from rich:datatable内容
}

帮帮我。

感谢您的努力。

首先从文档中获取表格（右键单击页面，查看源代码以查看生成的

id

您自己）

然后从表体中获取作为数组的行

var rows = table.getElementsByTagName("tbody")[0].getElementsByTagName("tr");

然后在行上循环并从行中获取单元格作为数组

for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].getElementsByTagName("td");
}

for（变量i=0；i


然后在单元格上循环并获取内容
for (var j = 0; j < cells.length; j++) {
    var cell = .cells[j];
    alert(cell.innerHTML);
}

for（var j=0；j

另见：




函数processDelete（）
{
var table=document.getElementById（'AlumumPricingTab:forecastYearList'）；var rows=table.getElementsByTagName（“tbody”）[0]。getElementsByTagName（“tr”）；var yearAdd=“”；
对于（变量i=0；i

for (var j = 0; j < cells.length; j++) {
    var cell = .cells[j];
    alert(cell.innerHTML);
}

function processDelete()
{
   var table = document.getElementById('AluminumPricingTab:forecastYearList');     var rows = table.getElementsByTagName("tbody")[0].getElementsByTagName("tr"); var yearAdd = "";
    for (var i = 0; i < rows.length; i++) {
        //alert("rows:" + i);       var cells = rows[i].getElementsByTagName("td");     var checked = document.getElementById("AluminumPricingTab:forecastYearList:"+i+":deleteSelectedRowCHK").checked;
        //alert("checked:" +checked); 
        if (checked)
        {              
             if(yearAdd != "")
                {
                yearAdd = yearAdd + ',' ;
                }
            else
                {
                  yearAdd;
                }
            var year = document.getElementById("AluminumPricingTab:forecastYearList:"+i+":year").value; 
            yearAdd = yearAdd + year;

            //alert("yearAdd:" +yearAdd);  
        }       
    }
     if (yearAdd != "")
         {
            var result = confirm(MSG_FORECASTS_DELETE_SELECTED +'\n\n'+ yearAdd);
            if (result == true)
            {   
                //alert("Row deleted"); 
                var bt1 = document.getElementById('AluminumPricingTab:deleteSelectedForecast');
                bt1.onclick='document.body.style.cursor = "wait";return true;';
                bt1.click();
            }   
            else 
            {
                return false;   
            }
         }
     else
         {
           alert("Select Row to deleted"); 
         }
  }