F4 help for a column in tableview

Question

Hi all,
I have achieved F4 help using java script for input field, but i want to use it to fill each value of a column, i am using iterator for the column properties. Is the method of displaying help same as used for input field. I want to do it without using the concept of MVC.
Any pointers are welcome...
Regards,
Rohit Khetarpal

Answer 1

Rohit,
Here you go. Using Flowlogic..used Flight example to narrate this..
Just i added pieces which is mandatory so that you can develope the full code..
In Iterator of Main Tableview:
IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START
DATA col_inputField TYPE REF TO CL_HTMLB_INPUTFIELD.
      CREATE OBJECT col8_inputField.
      col_inputField->id        = p_cell_id.
      col_inputField->width     = '100%'.
      col_inputField->maxlength = 40.
      col_inputField->showHelp = 'X'.
      row_index = p_row_index.
      condense row_index.
      concatenate `openF4Window('` row_index `','` p_cell_id `');` into javascript.
      col_inputField->onValueHelp = javascript.
      _value = p_row_index.
      condense _value.
      concatenate 'flights[' _value '].connid' into attribute_path.
      col_inputField->_value   = p_cell_binding.
      p_replacement_bee         = col_inputField.
<b>Main page Layout:</b>
  <htmlb:page>
    <script language="JavaScript" type="text/javascript">
      function openF4Window(row_index,p_cell_id)
        document.getElementById("row_index").value=row_index;
        document.getElementById("p_cell_id").value=p_cell_id;
        var s=0;
        var r=1;
        var w=260;
        var h=100;
        var x=screen.width/2;
        x=x-w/2;
        var y=screen.height/2;
        y=y-h/2;
        popUp=window.open('f4.htm', '_blank', 'Emp Details','width=100,height=300');
    </script>
      <htmlb:tableView id               = "main"
                       width            = "200"
                       headerVisible    = "true"
                       design           = "alternating"
                       visibleRowCount  = "10"
                       fillUpEmptyRows  = "true"
                       selectionMode    = "SINGLESELECT"
                       selectedRowIndex = "<%= row_index %>"
                       onRowSelection   = "MyEventRowSelection"
                       showNoMatchText  = "true"
                       filter           = "server"
                       sort             = "server"
                       onHeaderClick    = "MyEventHeaderClick"
                       table            = "<%= it_sflight %>"
                       iterator         = "<%= iterator %>" >
<b>f4.htm page Layout:</b>
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content design="design2003" >
  <htmlb:page title="Test" >
    <htmlb:form id="my_window" >
      <%
  data TV_ITERATOR Type Ref To zcl_itr." - Iterator Function
  data iterator type ref to IF_HTMLB_TABLEVIEW_ITERATOR.
  create object tv_iterator exporting appl_cons = application.
  iterator = tv_iterator.
      %>
      <htmlb:tableView id               = "pop"
                       width            = "200"
                       headerVisible    = "true"
                       design           = "alternating"
                       visibleRowCount  = "10"
                       fillUpEmptyRows  = "true"
                       selectionMode    = "SINGLESELECT"
                       selectedRowIndex = "<%= row_index %>"
                       onRowSelection   = "MyEventRowSelection"
                       showNoMatchText  = "true"
                       filter           = "server"
                       sort             = "server"
                       onHeaderClick    = "MyEventHeaderClick"
                       table            = "<%= it_help %>"
                       iterator         = "<%= iterator2 %>" >
      </htmlb:tableView>
      <%
  if connid is not initial.
      %>
      <htmlb:inputField id      = "checked"
                        visible = "FALSE"
                        value   = "<%= lv_checked %>" />
            <script for="checked" language="javascript" even="onLoad()">
        var row_index=opener.document.getElementById("row_index").value;
        var p_cell_id=opener.document.getElementById("p_cell_id").value;
        opener.document.forms[0][p_cell_id].value=document.getElementById("connid").value;
                   window.self.close();
      </script>
      <%
  endif.
      %>
    </htmlb:form>
  </htmlb:page>
</htmlb:content>
<b>Oninputprocessing of F4.htm</b>
DATA: IND TYPE I.
  DATA: TV TYPE REF TO CL_HTMLB_TABLEVIEW.
  DATA: EVENT1 TYPE REF TO CL_HTMLB_EVENT.
  EVENT1 = CL_HTMLB_MANAGER=>GET_EVENT( RUNTIME->SERVER->REQUEST ).
  TV ?= CL_HTMLB_MANAGER=>GET_DATA(
  REQUEST = RUNTIME->SERVER->REQUEST
  NAME = 'tableView'
  ID = 'pop' ).
  IF TV IS NOT INITIAL.
    DATA: TV_DATA TYPE REF TO CL_HTMLB_EVENT_TABLEVIEW.
    TV_DATA = TV->DATA.
    IF TV_DATA->SELECTEDROWINDEX IS NOT INITIAL.
      DATA: ROW LIKE LINE OF APPL->ITAB.
      READ TABLE APPL->ITAB INDEX TV_DATA->SELECTEDROWINDEX INTO ROW.
      DATA VALUE TYPE STRING.
      APPL->CONNID = ROW-CONNID.
    ENDIF.
  ENDIF.
Hope this will solve your problem.
Raja T