Java script error when click on the Tableview in the BSp screen

Question

Hi All,
          I am getting a javascript error saying
Line : 7770
Char :5
Error : 'rows' is null  or not an object
Code : 0
URL : http://saperpdev01............
I checked the source code on the BSP displayed page. It don't has that line 7770 specified in the error.
My Layout code is :
<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>
<htmlb:content design="design2003">
  <htmlb:page title = "Open Work Screen with Pre Approval and Rejected Invoices ">
    <htmlb:form id = "openwork" method = "post" >
<%
  data: l_num_msgs  type i,
  l_condition type string,
  l_message   type string,
  l_severity  type i.
%>
    <img align="left" src="hl_invoicing.gif"/>
      <BR>
      <p align="left">      </p>
      <p align="left">      Complete the form below to create and submit a vehicle repair invoice to Schwans Home Service.</p>
      <p align="left">      See
      <htmlb:link id            = "paymenttermslink"
                  text          = "Payment Terms"
                  onClientClick = "return parent.EPCM.doNavigate ('ROLES://portal_content/com.schwans.tsfc.The_Schwans_Food_Company/HS/iView_folder/External_Content/KM_iViews/Fleet_Payment_Terms', 1);"
                       />
      for payment details.</p>
      <%
          l_num_msgs = page->messages->num_messages( ).
          do l_num_msgs times.
          clear : l_message, l_condition, l_severity.
          call method page->messages->Get_message
          exporting index     = sy-index
          importing condition = l_condition
          message   = l_message
          severity  = l_severity.
          if l_condition eq 'error'.
      %>
      <h3 align="left"> <font size=2 color="Red"><b>      <%= l_message %></b></font></h3>
      <%
          elseif l_condition eq 'warning'.
      %>
      <h3 align="left"> <font size=2 color="orange"><b>      <%= l_message %></b></font></h3>
      <%
          endif.
          enddo.
      %>
      <htmlb:group id     = "groupone"
                   design = "sapcolor" >
     <htmlb:groupHeader>
        <table width="100%" border="0" cellpadding="5" cellspacing="1" >
            <tr>
                <td align="left" width="100%">
                  <!--<b> Invoicing </b> -->
                  <htmlb:textView id      = "tv1"
                                  text    = "Select a  Work Order Number"
                                  design  = "HEADER1" / >
                </td>
            </tr>
        </table>
    </htmlb:groupHeader>
    <htmlb:groupBody>
    <table width="100%" border="0" cellpadding="5" cellspacing="1" >
            <tr>
                <td align="left" width="100%">
                  <!--<b> Invoicing </b> -->
                  <htmlb:textView id      = "tv2"
                                  text    = "Pre-approved work"
                                  design  = "HEADER2" / >
                </td>
            </tr>
        </table>
    <table width = "100%">
      <tr>
      <td>
      <htmlb:tableView id               = "openwork"
                       table            = "<%= INVOICE->AT_OPENWORK %>"
                       design           = "STANDARD"
                       width            = "100%"
                       selectionMode    = "SINGLESELECT"
                       selectedRowIndex = "<%= INVOICE->A_OPENWORKSELECTION %>"
                       visibleRowCount  = "10"
                       footerVisible    = "TRUE"
                       emptyTableText   = "No Open Work Exists"
                       keyColumn        = "OPENWORKNO"
                       onRowSelection   = "openworktable" >
        <htmlb:tableViewColumns>
          <table width = "100%">
          <tr>
          <td >
          <htmlb:tableViewColumn columnName = "OPENWORKNO"
                                 title      = "Reference Number"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "DOC_TYPE_TEXT"
                                 title      = "Document Type"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "CREATEDDATE"
                                 title      = "Created On"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "FLEETNO"
                                 title      = "Fleet Number"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "VMRS_TEXT"
                                 title      = "VMRS Code"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          </tr>
          </table>
        </htmlb:tableViewColumns>
      </htmlb:tableView>
      </td>
      </tr>
      </table>
    </htmlb:groupBody>
    </htmlb:group>
    <htmlb:group id     = "grouptwo"
                   design = "sapcolor" >
     <htmlb:groupHeader>
     </htmlb:groupHeader>
    <htmlb:groupBody>
         <table width="100%" border="0" cellpadding="0" cellspacing="0" >
            <tr>
                <td align="left" width="100%">
                  <!--<b> Invoicing </b> -->
                  <htmlb:textView id      = "tv3"
                                  text    = "Rejected Invoices"
                                  design  = "HEADER2" / >
                </td>
            </tr>
        </table>
      <table width = "100%">
      <tr>
      <td>
      <htmlb:tableView id               = "rejectedinvoice"
                       table            = "<%= INVOICE->AT_REJECTED_INVOICES %>"
                       design           = "STANDARD"
                       width            = "100%"
                       selectionMode    = "SINGLESELECT"
                       selectedRowIndex = "<%= INVOICE->A_REJECTEDINVOICESELECTION %>"
                       visibleRowCount  = "10"
                       footerVisible    = "TRUE"
                       emptyTableText   = "No Rejected invoices Exists"
                       keyColumn        = "INVOICENO"
                       onRowSelection   = "rejectedinvoicetable" >
        <htmlb:tableViewColumns>
          <table width = "100%">
          <tr>
          <td >
          <htmlb:tableViewColumn columnName         = "VENDOR_INVOICE_NUMBER"
                                 title              = "Reference Number"
                                 width      = "30%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "CREATEDDATE"
                                 title      = "Invoice Date"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "FLEETNO"
                                 title      = "Fleet Number"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "REJECTION_REASON"
                                 title      = "Reason for Rejection"
                                 width      = "30%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          </tr>
          </table>
        </htmlb:tableViewColumns>
      </htmlb:tableView>
      </td>
      </tr>
      </table>
  </htmlb:groupBody>
</htmlb:group>
<htmlb:textView id     = "tv1"
                text   = "Select a Reference Number from the table above and click the Select button - or - Click the Create New button to create a new invoice."
                design = "LABEL" />
     <table width="100%" border="0" cellspacing="1"  align="center" >
       <tr>
       <td  align="center" nowrap="TRUE">          
         <htmlb:button    id            = "selectbtn"
                          text          = "SELECT"
                          onClick       = "btnselect" />
         <htmlb:button    id            = "createnewbtn"
                          text          = "Create New"
                          onClick       = "btncreatenew" />
         </td>
       </tr>
      </table>
    </htmlb:form>
    <%@include file="footer.htm" %>
  </htmlb:page>
</htmlb:content>
What may be wrong????
If I click anywhere on the table view it's giving a javascript error. If I try to select a row from the table also it's giving error for one or two times and on the third time i am able to select the table content and can able to navigate to the next page.
Thanks for your help in advance.
Thanks,
Greetson

Answer 1

Hi Raja,
     please kindly recheck the code if mine i have two tables ..... one for heading and another one for Body.
it looks correct to me.
<table width = "100%">
>     <tr>
>     <td>
      <htmlb:tableView id               = "rejectedinvoice"
                       table            = "<%= INVOICE->AT_REJECTED_INVOICES %>"
                       design           = "STANDARD"
                       width            = "100%"
                       selectionMode    = "SINGLESELECT"
                       selectedRowIndex = "<%= INVOICE->A_REJECTEDINVOICESELECTION %>"
                       visibleRowCount  = "10"
                       footerVisible    = "TRUE"
                       emptyTableText   = "No Rejected invoices Exists"
                       keyColumn        = "INVOICENO"
                       onRowSelection   = "rejectedinvoicetable" >
        <htmlb:tableViewColumns>
          <table width = "100%">
          <tr>
          <td >
          <htmlb:tableViewColumn columnName         = "VENDOR_INVOICE_NUMBER"
                                 title              = "Reference Number"
                                 width      = "30%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "CREATEDDATE"
                                 title      = "Invoice Date"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "FLEETNO"
                                 title      = "Fleet Number"
                                 width      = "20%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          <td >
          <htmlb:tableViewColumn columnName = "REJECTION_REASON"
                                 title      = "Reason for Rejection"
                                 width      = "30%"
                                 horizontalAlignment = "LEFT" >
          </htmlb:tableViewColumn>
          </td>
          </tr>
          </table>
        </htmlb:tableViewColumns>
      </htmlb:tableView>
>     </td>
>    </tr>
      </table>