Htmlb tableview - display buttons in columns

Hi experts,
I am using HTMLB to display my internal table. I want to display buttons in one of the columns. I am able to display a button in the tableview using the following code.
 <htmlb:tableViewColumn columnName = "button"
 title = "Status"
 type = "Button" >
 </htmlb:tableViewColumn>
The text of the buttons should display text either On or Off depending on some the flags set in the column of the internal table. Can any one tell me how do I go about it.
Regards,
Abdullah

Hi,
See this link
http://help.sap.com/saphelp_nw04/helpdata/en/28/4bae407e69bc4ee10000000a1550b0/content.htm
Award me if this link is usefull.

Similar Messages

How to display only selected columns in the table on the tableview

Hi All,
I am displaying in the below tableview the data from the SFLIGHTS tables in the tableview using flow logic. It displays all the columns in the database table. How can I set in the code to display only selected columns and not all columns.
Also, in these columns displayed I want to make the key columns of SFLIGHT as non editable and the rest of the columns in SFLIGHT editiable. Can you please kindly share the code to implement this.
<%@page language="abap" %>
<%@extension name="htmlb" prefix="htmlb" %>
<htmlb:content design="design2003" >
<htmlb:page>
 <htmlb:form>
 <htmlb:tableView id = "tv1"
 visibleRowCount = "10"
 selectionMode = "lineEdit"
 table = "<%= flights %>"
 filter = "SERVER"
 sort = "server"
 iterator = "<%= iterator %>" />
 </htmlb:form>
</htmlb:page>
</htmlb:content>
Thanks
Karen

Hi,
 Please try this code.
<!-- To display Table control on BSP page with table internal table it_hist --!>
 <htmlb:tableView id = "TV_HIST"
 headerText = "Previous History"
 headerVisible = "TRUE"
 footerVisible = "TRUE"
 design = "ALTERNATING"
 selectionMode = "LINEEDIT"
 visibleRowCount = "5"
 fillUpEmptyRows = "TRUE"
 table = "<%= it_hist %>"
 width = "500" >
<!-- to show selected columns give required field name --!>
<htmlb:tableViewColumns>
<htmlb:tableViewColumn columnName = "FIELD1"
 title = "COLUMN1"
 horizontalAlignment = "CENTER"
 width = "65" >
 </htmlb:tableViewColumn>
<htmlb:tableViewColumn columnName = "FIELD2"
 title = "COLUMN2"
 horizontalAlignment = "CENTER"
 width = "65" >
 </htmlb:tableViewColumn>
<htmlb:tableViewColumn columnName = "FIELD3"
 title = "COLUMN3"
 horizontalAlignment = "CENTER"
 width = "65" >
 </htmlb:tableViewColumn>
<htmlb:tableViewColumn columnName = "FIELD4"
 title = "COLUMN4"
 horizontalAlignment = "CENTER"
 width = "65" >
 </htmlb:tableViewColumn>
<!-- to make column editable set edit property to TRUE --!>
<htmlb:tableViewColumn columnName = "FIELD4"
 title = "COLUMN4"
 edit = "TRUE"
 horizontalAlignment = "CENTER"
 width = "65" >
 </htmlb:tableViewColumn>
 </htmlb:tableViewColumns>
 </htmlb:tableView>

HTMLB TableView Iterator & Edit columns, cells

Hi friends,
I am getting errors when , I tried to edit the columns, & Cells of HTMLB TableView by using Iterator.Actually, I got the whole edit buttons and when I edit the values of particular column & cell fileds, it is not saving the values, instead it is giving same old values. The code I used is as follows.
To Edit the columns,
method
IF_HTMLB_TABLEVIEW_ITERATOR~GET_COLUMN_DEFINITIONS.
FIELD-SYMBOLS: <def> LIKE LINE OF p_column_definitions.
APPEND INITIAL LINE TO p_column_definitions ASSIGNING <def>.
<def>-COLUMNNAME = 'STUDENTID'.<def>-EDIT = 'X'.
endmethod.
To Edit the cells,
RENDER_CELL_START Method:
method
IF_HTMLB_TABLEVIEW_ITERATOR~RENDER_CELL_START.
CASE p_column_key.
WHEN 'ICON'.
WHEN 'STUDENTID'.
 IF p_edit_mode IS NOT INITIAL.
ENDIF.
WHEN 'SDATE'.
 IF p_edit_mode IS NOT INITIAL.
ENDIF.
ENDCASE.
endmethod.
To Edit the SDATE cells,
WHEN 'SDATE'.
IF p_edit_mode IS NOT INITIAL.
DATA: date TYPE STRING.
date = m_row_ref->SDATE.
p_replacement_bee = CL_HTMLB_INPUTFIELD=>FACTORY(
 id = p_cell_id
 value = date
 type = 'DATE'
 showHelp = 'TRUE'
 cellValue = 'TRUE' ).
 ENDIF.
Why the either column or cell is not saving the new values, when I edit them? where it went wrong? please mail me in this regard.
regards
CSM Reddy

Hi REDDY CSM
To learn coding these Methods.
You need to learn everything from scratch about MVC.
To learn functionalities of Methods in Controller and how to use them,its Better,if you start with some tutorial(Little application) on MVC.
Here is link,Just follow this,You will get some Exposure to these methods.
http://help.sap.com/saphelp_erp2005/helpdata/en/c8/101c3a1cf1c54be10000000a114084/frameset.htm
Rest keep posting whenever you face and Problem..
Happy Coding..!!
Vijay Raheja

Freeze the column headers for htmlb:tableView using CSS

Hi
I am using a <htmlb:tableView > in BSP to display data.
i want to freeze the column headers so that they dont scroll when table data is scrolled.
Is it possible ?
Regards
Rajendra

Hi Rajendra,
Have a look at the links below:
[Freeze tableview header-I|https://forums.sdn.sap.com/click.jspa?searchID=24813847&messageID=3088768]
[Freeze tableview header-II|Freeze table header in HTMLB Tableview]
[Freeze Columns of tableview|https://forums.sdn.sap.com/click.jspa?searchID=24813847&messageID=3517748]
Search the forum and you will find information on this.
Regards,
Anubhav

Error when displaying amount field in HTMLB Tableview

Hi all,
I am displaying some 'X' table in HTMLB Tableview and it has one amount field.But reference(currency) field of that amount field is in other table . I know it gives the error.
Please tell me there is any other way to resolve this problem with out adding reference(currency)field in the same table?
Thanks and Regards ,
Harikrishna .

Hi Hari,
But reference(currency) field of that amount field is in other table . I know it gives the error.
It will not give any error , you can use the currency key field of other table or structure .
Alternatively you can use predifined type DEC instaed of CURR .
Regards,
Anubhav

HTMLB:TableView

Hi,
I have used the table view in my BSP application and use the concept of iterator class inherited from interface 'IF_HTMLB_TABLEVIEW_ITERATOR' to manipulate the column of each row
ABAP CODE:
<%data: LV_ITERATOR type ref to if_htmlb_tableview_iterator.
create object LV_ITERATOR type zcl_test
 exporting ir_context_node = db_controller
 data_tab = =<LT_TABLE1>
%>
BSP CODE:
<htmlb:tableView
 fillUpEmptyRows = "true"
 id = "ResultTable"
 onNavigate = "navigate"
 selectionMode = "SINGLESELECT"
 table = "<%=<LT_TABLE1>%>"
 visibleFirstRow = "1"
 visibleRowCount = "8"
 width = "100%"
 filter = "server"
 sort = "server"
 iterator = "<%=LV_ITERATOR %>"
 keyColumn = "template_id"
 design = "alternating"
<%-- columnFilters="<%=filters%>"--%>
 tabIndexCell = "FALSE"
 selectedRowIndexTable = "<%=LT_SELECTEDROWINDEXTABLE%>"
 >
and implemented class 'zcl_test' , for some reason something strange is happening , the BSP page will be something like
at the top there are buttons and below this is the TableView that display the content store in internal table 'LT_TABLE1'
now the table contain 10 records,the 1-8 records are displayed on page1 and next 2 records are displayed on page2.
So the issue is , if i naviagte to page2 and press any of the button on top of table view ,it redirect me to page1(display 1-8 records) and don;t stay back on 2'nd page.
Please let me know how i can achieve this of staying on the same page

Hi All,
Sorry for the delay,explanation provided is amazing and may help other searching for the same issue but unfortunately selected row travel back to page index1
and i don;t understand why the selected record is the first record in the internal table of iterator class and that result in this record to appear on page index1
any how i have resolve this by pointing always to page index1.
Code that can be useful:
View:
<htmlb:tableView fillUpEmptyRows = "true"
 id = "tvTempl"
 onNavigate = "navigate"
 selectionMode = "SINGLESELECT"
 table = "xyz"
 visibleFirstRow = "<%= lv_first_rowindex %>"
 selectedRowIndex = "<%= lv_selected %>"
 visibleRowCount = "8"
 width = "100%"
 filter = "server"
 sort = "server"
 iterator = "<%= lr_iterator %>"
 keyColumn = "template_id"
 design = "alternating"
 tabIndexCell = "FALSE" />
code in do_handle_event or in do_request:
DATA: lv_row_index TYPE i,
 lv_page_index TYPE i,
 lv_mod TYPE i,
 lr_html_table_view TYPE REF TO cl_htmlb_event_tableview.
 lr_cl_descriptor = cl_abap_refdescr=>describe_by_object_ref( htmlb_event ).
 IF lr_cl_descriptor->absolute_name CS 'CL_HTMLB_EVENT_TABLEVIEW'.
 lr_html_table_view ?= htmlb_event. // parameter: importing in method HTMLB_EVENT Type Ref To CL_HTMLB_EVENT
 CASE lr_html_table_view->navigationtype.
 WHEN 'pageUp'.
 MOVE mv_first_rowindex TO lv_row_index.
 lv_row_index = lv_row_index - lr_html_table_view->visiblerowcount.
 MOVE lv_row_index TO mv_first_rowindex.
 WHEN'pageDown'.
 MOVE mv_first_rowindex TO lv_row_index.
 lv_row_index = lv_row_index + lr_html_table_view->visiblerowcount.
 MOVE lv_row_index TO mv_first_rowindex.
 WHEN'top'.
 MOVE mv_first_rowindex TO lv_row_index.
 lv_row_index = 1.
 MOVE lv_row_index TO mv_first_rowindex.
 WHEN 'bottom'.
 MOVE mv_first_rowindex TO lv_row_index.
 lv_mod = lr_html_table_view->rowcount MOD lr_html_table_view->visiblerowcount.
 lv_row_index = lr_html_table_view->rowcount - lv_mod + 1 .
 MOVE lv_row_index TO mv_first_rowindex.
 WHEN 'Index'.
 READ TABLE mt_last_formfields INTO ls_formfields WITH KEY name = 'notificationstv_pager_index'.
 IF ls_formfields IS NOT INITIAL.
 MOVE ls_formfields-value TO lv_page_index.
 lv_row_index = 1.
 IF lv_page_index > 1.
 lv_page_index = lv_page_index - 1.
 DO lv_page_index TIMES.
 lv_row_index = lv_row_index + lr_html_table_view->visiblerowcount.
 ENDDO.
 ENDIF.
 ENDIF.
 MOVE lv_row_index TO mv_first_rowindex.
 ENDCASE.
 ENDIF.

How open URL in an htmlb TableView ?

Hi guys,
Here is my problem:
- I have in my BSP an HTMLB:TableView which display a table of Document Info Record.
- In this table of DIRs, there is a column which contains an URL in order to open an original.
ex of url :
https://daplmdv.sylvania.com:10443/sap/bc/bsp/sap/CVAW_VIEW_DOCFILE/ViewDocFile.htm?pa_document_key=ZPI000000000000000000185255000FR&pa_file_id=4B5DB6C66C9B0094E1008000C61CAA2D&filename=C:\Copie de SSO on PLP.pdf
- At the moment in htmlb:tableViewColumn, I use the property onCellClick which call a javascript function :
window.open( "<%= application->url%>", target='_blank' , 'toolbar=no, menubar=no, resizable=yes, scrollbars=yes');
- It works in IE6 but I tested it in IE7 and it doesn't work.
My question :
Is it possible to open directly the link through the tableView and without using javascript ?
I tried the property linkClickTarget but it doesn't work
Thanks for your help

Hi Regis,
If you need a new window to load the document contents, then you should use the Javascripts. Because only a javascript could openup a new window in a BSP applicaiton.
But if you do not want to open up the document in a new window and want to load it by replacing the current page, then you could do it by navigating to another page which could render the document contents in this page.
Hope it helps!
Regards,
Maheswaran

HTMLB TableView in customer CI/CD layout

Hello,
i want to create a BSP with htmlb tableview, so
i can simply use the given features (sorting, filter, ...) but the customer want to adapt hic CI/CD Colours Blue and Orange to the hole application.
Is there a chance to use a own stylesheet instead of design2002 or design2003 or is it prossible to create a own design.
I`ve searched this topic in forum, and gets only answers that mixing design and css is not good, and there is a way with EP6 - but we have no portal.
Thanks for any help.
Regards
Marcus

Hi Ulli and Marcus,
I'm currently designing my own style (not in Portal, I'm using 6.20), and yes, it might not be straightforward customizing the design.
But I started with following approach:
After implementing the basic layout of my page (like header pictures and so on) I added the functional parts (htmlb elements, ...) and tried to change them one by one ... that's how I did it:
- add a htmlb element to the layout
- access the page via browser to get the generated html code
- in this code just look for all the classes used for your htmlb elements
- edit the .css file that gets included in the html header accordingly
Important Points you have to be aware of:
*) There might be styles used for your elements which are not shown in every html code (because element might be displayed differently from page to page). You can either call every possible page combination in order to get all the used classed (not recommended, you could still miss something), or have a closer look at the class names - the classes that belong to a certain element are named in a way you can tell which class belongs where.
(like "urBdyStd" for the body-tag, "urbtn*" for buttons, ...)
From the postfix after the element name part you can guess the detailed function of the class - with a little patience and looking at many different classes used in the html code you can figure out what to change for your style.
*) Be careful which .css-file gets included when looking at the html code. There are css files for different browsers and versions, so if you want to make your application look the same way on all supported browsers (which you probably want), then don't forget to edit these files as well.
*) Changing a css file and testing the results on the WAS is very complicated, so I recommend you create sample html files (which contain one htmlb element each for example), edit the css file and also test it locally, so you don't get caugt in importing a new file version just for changing that one nasty little style attribute that is wrong
Ok, after writing all of this, I can see that it really is a bit of work ... but seeing how your application gets your personal touch is worth it (at least for me) ... and you don't have to change all of the styles, I found that some of the standard styles fit into my design quite good, so I didn't change them. (I copied the chrome design to start from)
Cheers,
Max
P.S.: Would such a topic be worth a weblog?

Htmlb:tableView event navigation within frameset

hello,
i have a problem with event navigation in a frameset triggered from htmlb:tableView. the structure of my bsp-application:
DEFAULT.HTM
 <frameset noresize cols="70%,*">
 <frame src="links.htm" name="left">
 <frame src="rechts.htm" name="right">
 </frameset>
PAGE LEFT in the frameset with the tableView
<htmlb:form target = "right">
 <htmlb:tableView id="myTable"
 headerText = "Mitarbeiter"
 headerVisible = "true"
 design = "alternating"
 visibleRowCount = "10"
 fillUpEmptyRows = "true"
 onRowSelection = "MyEventRowSelection"
 selectionMode = "singleselect"
 table = "<%= table_csks %>" >
 </htmlb:tableView>
PAGE RIGHT in the frameset shuold display details of the selected tableView row:
<htmlb:form target = "right">
 
 <%= lstable_csks-mandt %>
 
 <%= lstable_csks-kostl %>
 
 <%= lstable_csks-verak %>
 
 <%= lstable_csks-ersda %>
 
 </htmlb:form>
PROBLEM description:
when row is selected, displaying of the details on the right frame works well. but when another event of the tableView is triggered eg. browsing between table pages, the wohle table is displayed in the right frame instead to turn the table-page but stay in the same frame. of course this is done, because i have set the form-target attribute.
and here the question: how can i differentiate between the onRowSelection-Event (navigation to the right frame) and the page-browsing event (stay in same frame but change the tableView page)?
thanks a lot!
kalina

<htmlb:tableView keyColumn = "smtp_addr"
 id = "searchhelp"
 table = "<%= t_searchhelp %>"
 visibleRowCount = "10"
 selectionMode = "SINGLESELECT"
 onRowSelection = "setHelp" >
since you dont have sort or filter option for your table value, you can simply use the rowindex to read the itab.
read table itab index selectedrowindex.
on your other question of using more than one field in the itab for key of a record.
declare another field in the itab and fillit with the concatenation of the key fields (say concatenate recornumber itemnumber into keyfield) and dont show it in the tableview. declare this field as the key column in tableview.
onrowselection this key value will be available in
tabvie->selectedrowkey which you can use to read the itab. however in your case this is not required as you dont use sort or filter.
Raja

Htmlb:tableView and group building

Hi,
in abap alv-lists, it is possible to build groups like you can see in the following example:
4711 12345 asdfaslöfkj
4711 68686 asdfljsadflj
4711 97777 salfjljfaksl
and now in abap-alv
4711 12345 asdfaslöfkj
 68686 asdfljsadflj
 97777 salfjljfaksl
Is this possible with htmlb:tableView or something like this?
Regards,
Jens

Yes you can make the first column to display data at the first appearance only as a Grouping. For this in the Iterator GET_Column_definition method set the FIXEDCOLUMN attribue of the column definition structure tableviewcontrol for which the grouping should apply(in your case first column).
Code goes like this...
data: ls_col_def type tableviewcontrol.
clear ls_col_def.
move: '<FieldName>' to ls_col_def-columnname,
 'Icon' to ls_col_def-title,
 'X' to ls_col_def-encode,
 'X' to ls_col_def-FIXEDCOLUMN,
 '1%' to ls_col_def-width.
append ls_col_def to p_column_definitions.

Sums in htmlb:tableView

Hi Community,
how to you guys usually display a line with sums under a htmlb:tableView.
As far as I have understood this, I can do either one of the following two ways:
1) I add a line to the internal table where I calculate the sums I need. I then have to make sure that this line will always be displayed at the bottom after sorting, filtering etc. and that the sums are re-calculated after filtering.
2) I display a second htmlb:tableView underneath the first, which will have only one line containing the sums. By this, I have to make sure that the widths of the columns of both tableViews has to be equal (which is not that easy when you text in the table that is larger than the allowed width).
Is there another way? What is the preferred way?
Daniel

you can also handle it thru iterator. but the easiest would be add another row to itab and handle the sorts and filter and positioning of the total row yourself.
samle code for iterator.
RENDER_CELL_START method.
assuming you have 10 rows in the itab.
IF p_row_index EQ 10 .
DATA: icon_plane TYPE string.
 icon_plane = cl_bsp_mimes=>sap_icon( id = 'ICON_WS_PLANE' ).
 if_first = cl_htmlb_image=>factory( id = p_cell_id id_postfix = '_first' src = icon_plane onclick = 'image_click' ).
 CLEAR icon_plane .
 icon_plane = cl_bsp_mimes=>sap_icon( id = 'ICON_WS_PLANE' ).
 if_bus = cl_htmlb_image=>factory( id = p_cell_id id_postfix = '_bus' src = icon_plane onclick = 'image_click' ).
 CREATE OBJECT multi_bee.
 multi_bee->add( if_first ).
 multi_bee->add_html( html = '<div style="border-top-style: solid; border-top-width: 1px; padding-top: 1px">' ).
 multi_bee->add( if_bus ).
 multi_bee->add_html( html = '</div> ' ).
 p_replacement_bee = multi_bee.
in the above example if_bus is for holding the last row value and if_bus is for holding the total value .
in the above example i just showed how you have have two rows in the last row and just rendered two images.
Regards
Raja

ICWC htmlb:tableview filter problems

Hi,
We developed a BSP application in CRM Web_IC. Whenever user goes to this screen, it retrieves the results from SAP CRM table and lists the entries. We used htmlb:tableview with filter attribute set to 'SERVER'. The first row of the entry is used to filter the entries displayed based on wildcard search and redisplay the same.
We noticed that all this handled by client side eventing (Java Script) and it works okay in our development and testing environment.
But we got wierd results when it went for user testing. On some of the machines, the page looks refreshed but the list display does not change based on the search. We thought it might be caching problem so we tried with different IE settings, it looks okay for some time on one of the machines but the problem gets repeated after wards. The situation is we cannot afford intermittent problems.
OS are win'2000 and XP and browser is IE 6 with sp1 and sp2. The problem is not consistent so none of the combinations actually suggested if the problem is related to one area.
Has anyone experienced similar to above. Any ideas are welcome.

Hi Sasi,
Unfortunately I could not get any direct solution to the problem. I chased SAP OSS and SAP direct consultant who was working with us with no solution. Last time, I heard it was sent to htmlb team at SAP. I stopped chasing after that as project gone live and I fixed the problem by putting a search area and button using client side eventing.
If you read the source code once the page is displayed, you can see that SAP writes Javascript to handle the search. I copied the code as Javascript function and placed a button to fire this function which handles the filter as normally SAP does.
Regards,
Raju

Link in a htmlb:tableview

is it possible to add links to a htmlb:tableview.
for example, i have a table with 4 columns. i'd like to let the entries in column 1 appear as links with the content of column 4 as the link target. (column 4 should be invisible for the user)

Hi Daniel,
You didn't study enough before posting...
Take a look at:
1. Documentation on your WebAS (accessible by Tag Browser);
2. SBSPEXT_TABLE BSP Application on your system;
3. other posts in this forum.
Good search.
Dany

Display Button in Attachment Matrix

Hi,
    I had placed the path of the file in matrix through browse button.... Nw i want to open that file by clicking the display button.....similiar to Attachment Folder in Sales opportunities Screen.I want to know whether SAP opens all kinds of files?

Add user field for path as
oUserFieldsMD.TableName = ""
            oUserFieldsMD.Name = "PATH"
            oUserFieldsMD.Description = "cesta k priloze typu link"
            oUserFieldsMD.Type = SAPbobsCOM.BoFieldTypes.db_Memo
            oUserFieldsMD.SubType = SAPbobsCOM.BoFldSubTypes.st_Link
            oUserFieldsMD.EditSize = 250
            lRetCode = oUserFieldsMD.Add
and when you bind this db field to matrix column, sbo has standard functionality for open by double click.
Petr

How to dynamically display value in column header

Hi,
I have a requirement where in the user selects a particular value from a drop down list, and the same has to be displayed in the column header. For example, there are A,B,C,D types of quantities in a drop down list. Once the user selects these values and submits, the column header should display the quantity type selected. Kindly let me know how this can be achieved.
Regards
Snehith.

Hi Snehith,
In Layout Mode, Double click the Column in the Table, the Control Properties window is opened, switch to the "Display" tab, then press on the formula button next to the "Label:".
Use the Expression Builder to have the label be the value you want it to be: for example:
NSTR(#ID[ACA9TU]@MAX_ROWS,'Z3.0')
This formula takes a numeric field, formats it into a string and displays it.
For more information about how to build expression, please see:
http://help.sap.com/saphelp_nw70/helpdata/en/bd/90db4238bbf140e10000000a1550b0/frameset.htm
Regards.
Omer.

Htmlb tableview - display buttons in columns

Similar Messages

Maybe you are looking for