TableView - alterable column entries (edit)

Question

Hello,
I have the following TableView:
< code>
  <htmlb:tableView id     ="decisiontab"
                   visibleRowCount = "15"
                   headerText      = "Decision View"
                   headerVisible   = "true"
                   design          = "alternating"
                   fillUpEmptyRows = "true"
                   onHeaderClick   = "MyEventHeaderClick"
                   onRowSelection  = "MyEventRowSelection"
                   keyColumn       = "zmoppid"
                   table  = "<%= zomopporttab %>"
                   iterator  = "<%= iterator %>"
                   selectionMode = "MULTILINEEDIT" >
</htmlb:tableView>
      <%-- Drucktasten --%>
     <htmlb:button id      = "save"
                    text    = "<b>Save</b>"
                    encode  = "FALSE"
                    onClick = "myButtonSave" />
< /code>
The iterator produce a TableView underit the following two columns:
GET_COLUMN_DEFINITION:
< code>
append initial line to p_column_definitions assigning <def>.
<def>-columnname = 'ZMDECIFLAG'.
<def>-title      = 'Decision'.
<def>-edit       = 'X'.
<def>-HORIZONTALALIGNMENT = 'center'.
append initial line to p_column_definitions assigning <def>.
<def>-columnname = 'DECI_IMAGE'.
<def>-title      = 'Image'.
< /code>
RENDER_CELL_START:
< code>
case P_COLUMN_KEY.
when 'ZMDECIFLAG'.
    if M_ROW_REF->ZMDECIFLAG is initial.
        P_REPLACEMENT_BEE = CL_HTMLB_CHECKBOX=>FACTORY( ID = P_CELL_ID
                                                    CHECKED = 'FALSE' ).
    else.
        P_REPLACEMENT_BEE = CL_HTMLB_CHECKBOX=>FACTORY(
        ID = P_CELL_ID   CHECKED = 'TRUE' ).
    endif.
when 'DECI_IMAGE'.
    data: ICON type STRING.
    if M_ROW_REF->ZMDECIFLAG is initial.
        ICON = CL_BSP_MIMES=>SAP_ICON( ID = 'ICON_LED_RED' ).
    else.
        ICON = CL_BSP_MIMES=>SAP_ICON( ID = 'ICON_LED_GREEN' ).
    endif.
      P_REPLACEMENT_BEE = CL_HTMLB_IMAGE=>FACTORY( ID = P_CELL_ID
                                                     SRC = ICON ).
endcase.
< /code>
I would like to reach the following:
The user changes the condition of the check box (marked/ not marked) in several lines and presses then the save button. Without selecting the lines before!
1.
Is a Tableview with “multieditselect” correct?
And how can I query the Event?
2. (beautiful would be also)
How can I reach it that when changing the condition of the checkbox (marked/unmarked) also the Icon changes.
Does anybody know about this problem.
Thanks for any advice or path for more information.
Kind Regards
Petra

Answer 1

So Petra I guess a SP upgrade is in order.
You could also try this code but I think you'll have the same problem due to the SP level.
<i><b>OnInputProcessing</b></i>
CLASS CL_HTMLB_MANAGER DEFINITION LOAD.
  DATA: tv          type ref to CL_HTMLB_TABLEVIEW,
        event       type ref to CL_HTMLB_EVENT,
        table_event type ref to CL_HTMLB_EVENT_TABLEVIEW.
  field-symbols <i> like line of selectedRowIndexTable.
  tv ?= CL_HTMLB_MANAGER=>GET_DATA( request = request
                                    name    = 'tableView'
                                    id      = 'tvX' ).
  IF tv IS NOT INITIAL.
    table_event = tv->data.
    clear selectedRowIndexTable.
    selectedRowIndexTable = table_event->PREVSELECTEDROWINDEXTABLE.
    if table_event->event_type eq CL_HTMLB_EVENT_TABLEVIEW=>CO_ROW_SELECTION.
      read table selectedRowIndexTable with key table_line = table_event->ROW_INDEX
        transporting no fields.
      if sy-subrc eq 0.
        delete selectedRowIndexTable index sy-tabix.
      else.
        append initial line to selectedRowIndexTable assigning <i>.
        <i> = table_event->ROW_INDEX.
      endif.
    endif.
  ENDIF.
<i><b>OnCreate</b></i>
select * from sflight into corresponding fields of table sflight.
field-symbols <i> like line of selectedRowIndexTable.
append initial line to selectedRowIndexTable assigning <i>.
<i> = 1.
append initial line to selectedRowIndexTable assigning <i>.
<i> = 3.
append initial line to selectedRowIndexTable assigning <i>.
<i> = 4.
<i><b>Layout</b></i>
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<%@extension name="xhtmlb" prefix="xhtmlb" %>
<htmlb:content id="content" design="design2002+design2003" >
  <htmlb:page>
    <htmlb:form>
      <xhtmlb:protectDoubleSubmit timer="1" />
      <htmlb:group>
        <htmlb:groupHeader>
          <htmlb:textView text="SFLIGHT Table: MULTILINEEDIT" />
        </htmlb:groupHeader>
        <htmlb:groupBody>
          <htmlb:tableView id                    = "tvX"
                           width                 = "100%"
                           visibleRowCount       = "8"
                           selectedRowIndexTable = "<%= selectedRowIndexTable %>"
                           onRowSelection        = "MyEventRowSelection"
                           selectionMode         = "MULTILINEEDIT"
                           filter                = "server"
                           sort                  = "server"
                           table                 = "<%= sflight %>" />
        </htmlb:groupBody>
      </htmlb:group>
    </htmlb:form>
  </htmlb:page>
</htmlb:content>
That's the example in <b>SBSPEXT_TABLE</b>, <i>TableViewMultiLineEdit.bsp</i>