Expandable Lists

I'm having trouble with an expandable list that displays more
information when an icon/link is clicked on. I'm trying to get an
icon pointing right to appear next to the test "Dispensers" when
the list is closed and then show an icon pointing down when the
list is expanded, but I'm getting two different icons appearing at
the same time (
http://www.cleanfuelsohio.org/e85tools.php)
Here's my code:
<html>
<head>
<title>Clean Fuels Ohio | E85 Marketers Tools
</title>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<?
include($DOCUMENT_ROOT."includes/menu_interior_css.php"); ?>
<link href="css/cfo.css" rel="stylesheet" type="text/css"
/>
<script>
function toggle(toggleId, e)
if (!e) {
e = window.event;
if (!document.getElementById) {
return false;
var body = document.getElementById(toggleId);
if (!body) {
return false;
var im = toggleId + "_toggle";
if (body.style.display == 'none') {
body.style.display = 'block';
if (document.images[im]) {
document.images[im].src = "images/action_right.gif";
} else {
body.style.display = 'none';
if (document.images[im]) {
document.images[im].src = "images/action.gif";
if (e) {
// Stop the event from propagating, which
// would cause the regular HREF link to
// be followed, ruining our hard work.
e.cancelBubble = true;
if (e.stopPropagation) {
e.stopPropagation();
</script>
</head>
<body>
<?
include($DOCUMENT_ROOT."includes/menu_interior_divs.php"); ?>
<table width="941" height="268" border="0" cellpadding="0"
cellspacing="0">
<tr>
<td width="45" rowspan="3"> </td>
<td width="896" height="205" valign="top"
bgcolor="#FFFFFF">
<? include($DOCUMENT_ROOT."includes/interior_header.php");
?>
</td>
</tr>
<tr>
<td valign="top" bgcolor="#FFFFFF"><table
width="877" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="312" align="left" valign="top"><table
width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="new_images/titles/fuelmarketers.jpg"
width="314" height="89"></td>
</tr>
<tr>
<td bgcolor="#47642E"><?
$pid = $_GET['pid'];
$m=$_GET['m'];
include($DOCUMENT_ROOT."menu/menu.php");
?></td>
</tr>
<tr>
<td
background="new_images/sub_menu_gradient_bottom.jpg"><img
src="new_images/sub_menu_gradient_bottom.jpg" width="312"
height="215" /></td>
</tr>
</table></td>
<td width="48" align="left" valign="top"><img
src="new_images/Interior_04.jpg" width="26" height="400"
/></td>
<td width="546" align="left"
valign="top"><p><br />
<span class="sub_headA">E85 Fuel Marketer Tools
</span><br />
<p class="body_copy"><a href="#A"
class="body_copy_link"><u>Fuel
Distributors</u></a><br>
<a href="#B" class="body_copy_link"><u>Fueling
Equipment</u></a><br>
<a href="#C" class="body_copy_link"><u>Success
Stories</u></a></p>
<img src="new_images/divider.jpg">
<p class="sub_headB"><a name="A"></a>Fuel
Distributors</p>
<p class="body_copy"></p>
<p class="sub_headB"><a
name="B"></a>Fueling Equipment</p>
<div>
<p class="body_copy"><img
src="images/action_right.gif" name="one_toggle"
onClick="toggle('one', event)">Dispensers</p>
</div>
<div id="one" style="display:none;">
<div onClick="toggle('one_a', event)">
<img src="images/action.gif" name="one_a_toggle">
<table width="400" border="1" class="body_copy">
<tr>
<th
scope="col"><strong>Company</strong></th>
<th
scope="col"><strong>Contact</strong></th>
<th
scope="col"><strong>Phone</strong></th>
<th
scope="col"><strong>Fax</strong></th>
</tr>
<tr>
<td><a href="
http://www.bennetpump.com"
class="body_copy_link" target="_blank">Bennett Pump
Company</a><br>
1218 E. Pontaluna Rd.<br>Spring Lake, MI
49456</td>
<td><a href="mailto:[email protected]"
class="body_copy_link">Gary Hanks</a></td>
<td>231-798-1310</td>
<td>231-799-6202</td>
</tr>
<tr>
<td><a href="
http://www.cleanfuelusa.com"
class="body_copy_link" target="_blank">Clean Fuel
USA</a><br>
116 Halmar Cove<br>Georgetown, TX 78628</td>
<td> </td>
<td>512-942-8300</td>
<td> </td>
</tr>
<tr>
<td><a href="
http://www.gasboy.com"
class="body_copy_link" target="_blank">Gasboy International,
Inc.</a><br>707 N. Valley Forge Road<br>Lansdale,
PA 19446</td>
<td><a href="mailto:[email protected]"
class="body_copy_link" target="_blank">Doug
Smith</a></td>
<td>215-855-4631<br>800-444-5529</td>
<td>215-855-0341</td>
</tr>
<tr>
<td>Tokheim Corporation<br>1600 Wabash
Avenue<br>Fort Wayne, IN 46801</td>
<td>Don Peaks</td>
<td>219-470-4600</td>
<td>219-471-2001</td>
</tr>
</table>
</div>
</div>
<p class="sub_headB"><a
name="C"></a>Success Stories</p>
<p class="body_copy"></p>
</body>
</html>
Also, (I'm quite new to the expandable function) I want to
add another category like "Dispensers" under "Fuel Equipment"
called "Filters" but when I enter the code, nothing new is
displayed. How do I do this? Thanks!

The easiest and fastest thing to do would be to invest in
ProjectSeven's
Tree
Menu Magic. It's wonderful, clean, simple and worth every
penny.
I don't know enough about js to know if your code needs help,
but if TMM is too much for the budget then here is some code a
friend gave me that I've been using for a couple years that hasn't
failed yet. HTH.

Similar Messages

How to get into /Expanded/ List View

I have a bunch of metadata that I have turned on for Expanded List View and I am in Browser View with the little "List" icon checked (I guess this is next to "grid view") but I can't seem to find a pulldown or tab or checkbox that lets me know I am in expanded view. Since I am not seeing the data I checked I am thinking I missed this somewhere.
TIA

When you are in Expanded View, the menu option that shows is "Switch to Basic View".
When you are in Basic View, the menu option that shows is "Switch to Expanded View".
It's not a deft bit of UI design, but it is foolproof.
Here -- from the User Manual.
To switch to the expanded metadata overlay view in the Browser in filmstrip view, grid view, and list view
Do one of the following:
Choose View > Metadata Display, then choose Switch to Expanded View from the Browser section of the submenu (or press Shift-U).
In the tool strip, choose Switch to Expanded View from the Browser section of the Metadata Overlays pop-up menu.
Note: Switching to the expanded view increases the number of columns displayed in list view.
To switch to the basic metadata overlay view in the Browser in filmstrip view, grid view, and list view
Do one of the following:
Choose View > Metadata Display, then choose Switch to Basic View from the Browser section of the submenu (or press Shift-U).
In the tool strip, choose Switch to Basic View from the Browser section of the Metadata Overlays pop-up menu.
Note: Switching to the basic view decreases the number of columns displayed in list view.

HELP: Hierarchical expanding list nodes do not remain expanded

h2. The Setup
- Have a "hierarchical expanding" list on page zero
- Set a child list item to be current for page 10
h2. The Steps
- Go to page 1, expand the hierarhical list, click on the child item
- takes me to page 10
h2. The Problem
- The list collapses and only shows the top-level items
- In other words, the child link that is supposed to be 'current' for page 10 is hidden
h2. The Solution?
Any thoughts on how to solve either using the baked in hierarchical expanding list template, or modifying it?
Related thread: Re: Lists - hierarchical expanding

Hi Michael,
Have a look at: making the tree nodes which are clicked into bold
That describes what I have done here: http://apex.oracle.com/pls/apex/f?p=33642:293
This uses a Tree item but you might be able to use it for a multi-level list item. In the code (which is shown near the end of the thread) jQuery is used to find the correct "node", highlight it, then traverse up through the tree ensuring that all parent nodes are "open" (ie, expanded).
Andy

Need expanded list of variables for email output CMC

Good morning,
I have looked everywhere through the documentation, and cannot find the answer to my question. Does anyone have an expanded list of variables, above that which is listed on the CMC Server smtp output screen?
I am specifically looking for how to include the error message in the email, but anything beyond that would be great.
Thank you,
Jonathan

Good morning,
I have looked everywhere through the documentation, and cannot find the answer to my question. Does anyone have an expanded list of variables, above that which is listed on the CMC Server smtp output screen?
I am specifically looking for how to include the error message in the email, but anything beyond that would be great.
Thank you,
Jonathan

Hierarchical Expanding List respecting open level

I am running into a perplexing problem.. I am trying to use a Hierarchical Expanding List as a page 0 menu in a side region. Works great EXCEPT for the fact the current link is CLOSED in the list when you click on the page called by the link.
Does anyone have some javascript that can go through and reopen the currently open link/page?
Thank you,
Tony Miller
LuvMuffin Software

Bump to see if ANYONE is awake..

Hierarchical expanding list contracts when link is klicked

I've got a hierarchical expanding list (a menu) with parent and child entries located on page zero.
Two things are wrong with it.
1. I dont want the parent entries (the ones that are displayed from the start) to be links. If I klick the + -sign next to them the list expands and show the child entries that are links to different pages. But if i klick the parent entries I get kicked to the login screen. I've set the parent entries to have Target type: -no target- but it doesn't work.
2 When I klick a child entry I'm linked to the right page but the hierarchical expanding list contracts... I'd like it to be expanded the way it was when I cklicked the link.
Could this be realated to the fact that it's located on page zero??? I've had some problems with page 0 before... But shouldn't you put a meny on page zero?
I would appreciate any help you could give me.
Edited by: andypandy on 2009-jun-16 06:21

I've moved the menu from page zero to another page temporarily but it still misbehaves. Anyone have any ideas??
Regards
Andreas

Adobe Dreamweaver CS3 Expandable Lists

Adobe Communities, I have yet another problem. A Few Examples of what I am trying to achieve:
Demo Expandable list
Pure CSS collapsible tree menu | The CSS Ninja
The Spry Menu doesn't work exactly how I would like it. Those scripts didn't exactly work for me, for some reason.
I only need one expansion. As after you click any of the 'Texts' you will be re-directed to another page. Headers should be collapsible and I don't want to install any third party applications. Example shown below:
'When lists are expanded header arrows point Upwards' when lists are not expanded the arrow points 'Downwards'.
Header 1 ^
     Text 3
     Text 2
     Text 1
Header 2 ^
     Text 3
     Text 2
     Text 1
In addition to this, I need a similar feature done where if you click 'Read More' this will expand the text. E.g:
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Donec sagittis ultricies arcu, quis porttitor risus placerat et.
Proin quis metus diam, quis bibendum dolor. Nulla nec dapibus nunc.
Quisque ac erat sit amet nisl venenatis consequat nec in nibh.
Aliquam viverra vestibulum elit faucibus sollicitudin. Read More
When the person clicks 'Read More' this reveals 'Lorem ipsum dolor sit amet'.
Thanks for the help, I will reply ASAP after you guys.

Code from Fiddle works ok see page below:
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(function () {
    /*-------------------- EXPANDABLE PANELS ----------------------*/
    var panelspeed = 500; //panel animate speed in milliseconds
    var totalpanels = 3; //total number of collapsible panels
    var defaultopenpanel = 0; //leave 0 for no panel open
    var accordian = false; //set panels to behave like an accordian, with one panel only ever open at once
    var panelheight = new Array();
    var currentpanel = defaultopenpanel;
    var iconheight = parseInt($('.icon-close-open').css('height'));
    //Initialise collapsible panels
    function panelinit() {
        for (var i = 1; i <= totalpanels; i++) {
            panelheight[i] = parseInt($('#cp-' + i).find('.expandable-panel-content').css('height'));
            $('#cp-' + i).find('.expandable-panel-content').css('margin-top', -panelheight[i]);
            if (defaultopenpanel == i) {
                $('#cp-' + i).find('.icon-close-open').css('background-position', '0px -' + iconheight + 'px');
                $('#cp-' + i).find('.expandable-panel-content').css('margin-top', 0);
    $('.expandable-panel-heading').click(function () {
        var obj = $(this).next();
        var objid = parseInt($(this).parent().attr('ID').substr(3, 2));
        currentpanel = objid;
        if (accordian == true) {
            resetpanels();
        if (parseInt(obj.css('margin-top')) <= (panelheight[objid] * -1)) {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px -' + iconheight + 'px');
            obj.animate({
                'margin-top': 0
            }, panelspeed);
        } else {
            obj.clearQueue();
            obj.stop();
            obj.prev().find('.icon-close-open').css('background-position', '0px 0px');
            obj.animate({
                'margin-top': (panelheight[objid] * -1)
            }, panelspeed);
    function resetpanels() {
        for (var i = 1; i <= totalpanels; i++) {
            if (currentpanel != i) {
                $('#cp-' + i).find('.icon-close-open').css('background-position', '0px 0px');
                $('#cp-' + i).find('.expandable-panel-content').animate({
                    'margin-top': -panelheight[i]
                }, panelspeed);
   // run once window has loaded
   panelinit();
</script>
<style>
h2, p, ol, ul, li {
    margin:0px;
    padding:0px;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
#container {
    width:300px;
    margin:auto;
    margin-top:100px;
/* --------- COLLAPSIBLE PANELS ----------*/
.expandable-panel {
    width:100%;
    position:relative;
    min-height:50px;
    overflow:auto;
    margin-bottom: 20px;
    border:1px solid #999;
.expandable-panel-heading {
    width:100%;
    cursor:pointer;
    min-height:50px;
    clear:both;
    background-color:#E5E5E5;
    position:relative;
.expandable-panel-heading:hover {
    color:#666;
.expandable-panel-heading h2 {
    padding:14px 10px 9px 15px;
    font-size:18px;
    line-height:20px;
.expandable-panel-content {
    padding:0 15px 0 15px;
    margin-top:-999px;
.expandable-panel-content p {
    padding:4px 0 6px 0;
.expandable-panel-content p:first-child {
    padding-top:10px;
.expandable-panel-content p:last-child {
    padding-bottom:15px;
.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(http://i.imgur.com/Ir4S1H7.png);
    right:15px;
</style>
</head>
<body>
<div id="container">
    <div class="expandable-panel" id="cp-1">
        <div class="expandable-panel-heading">
            <h2>Content heading 1<span class="icon-close-open"></span></h2>
         </div>
        <div class="expandable-panel-content">
            <p>First Panel HTML...</p>
        </div>
    </div>
    <div class="expandable-panel" id="cp-2">
        <div class="expandable-panel-heading">
            <h2>Content heading 2<span class="icon-close-open"></span></h2>
         </div>
        <div class="expandable-panel-content">
            <p>Second Panel HTML...</p>
        </div>
</div>
<div class="expandable-panel" id="cp-3">
     <div class="expandable-panel-heading">
         <h2>Content heading 3<span class="icon-close-open"></span></h2>
     </div>
     <div class="expandable-panel-content">
         <p>Third Panel HTML...</p>
     </div>
</div>
</div>
</body>
</html>

Expandable list - Table of Contents - Please Help

I used the code found on the following page to create an expandable list that worked great: Expandable list : at www.learningmovabletype.com
I created a table of contents for our Policies and Procedures that showed the main topics and when clicked listed each policy subcategory. The following link is for this page:http://bsacapheadstart.com/PoliciesandProcedures.html
My company bought the Adobe CS4 package that included Dreamweaver several months ago and I am trying to create this same page using it. http://grantee.bsacapheadstart.com/Policies%20and%20Procedures.htm
The problem as you will notice if you go to this page and click on the categories, is that only the first topic will expand and all the others will not.
I have reviewed the code several times and do not see any differences between the first topic heading and the others; nor between the code that works on the first page and the page I am creating using Dreamweaver.
I have thought about using the Spry Collapsible Panel or Accordian but it is not exactly what we want. Besides everyone is already comfortable with this layout.
If anyone could please help, it would be greatly appreciated! Thanks!

Start with valid code. It makes trouble shooting much simpler.
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.grantee.bsacapheadstart.com%2 FPolicies%2520and%2520Procedures.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Expandable lists that expand and collapse with one click and edit in wysiwyg

I have a lot of text based lists on one page, so I threw them into content editor web parts so i can expand / minimize the lists. However, two clicks (one on the arrow and then one on "restore") is becoming really tiresome. How can I make expandable
lists that expand and collapse with one click? AND they are still editable from the wysiwyg browser editing tool?
I have already tried using Jquery to create expandable content, but the problem here is that the content can't be edited in the wysiwyg browser based editor - the expand or collapse button doesn't "work" when you are in the edit mode, so you can never
see the expandable content to edit. I can change the content in the code but it's no good if my non-coder co-workers can't also edit it.
I am in 2010.

I just found the answer myself here: blog (.) pathtosharepoint.com/2008/10/25/expandcollapse-buttons-for-your-web-parts/
Worked perfectly. Allows open and close of CEWP with one click, and you can still edit their content in the wysiwyg editor.

How to maintain the state(opened/closed) of a Hierarchical expanding list

Hi,
I've created a list with template "hierarchical expanding". When I click on the list node to go to a page, page related to the node appears but the tree doesn't remain expanded. It always shrinks back to the highest level.
Please suggest a solution.
Regards,
Gaurav.

Hi,
use a setPropertyListener to save the row key of this select item and then restore this key as the current selected key.
Frank
Ps.: I don't ask why you call clearForRecreate() on the iterator. I am sure you have a reason.

Expandable list in abap

Hi folks,
how can i develop an abap report that first lists some master data as list with a expandable functionality so that at line selection the row is expanded and depending detail data are shown ?
help will be appreciated and points given instantly!
Clemens

Hi,
Try this for ur requirement.
REPORT z_inw_mat.
TABLES: mseg,
        makt,
        ekpo,
        eban.
TYPE-POOLS: slis.
DATA: BEGIN OF itab OCCURS 0,
        werks LIKE mseg-werks,
        matnr LIKE mseg-matnr,
        maktx LIKE makt-maktx,
        menge LIKE mseg-menge,
      END OF itab.
DATA: BEGIN OF itab1 OCCURS 0,
        werks LIKE mseg-werks,
        matnr LIKE mseg-matnr,
        maktx LIKE makt-maktx,
        menge LIKE mseg-menge,
      END OF itab1.
DATA: BEGIN OF header OCCURS 0,
        werks LIKE mseg-werks,
        matnr LIKE mseg-matnr,
        maktx LIKE makt-maktx,
        inw_qty LIKE mseg-menge,
      END OF header.
DATA: BEGIN OF itab2 OCCURS 0,
        werks LIKE ekpo-werks,    "Plant
        matnr LIKE ekpo-matnr,    "Material Number
        ebeln LIKE ekpo-ebeln,    "PO Number
        menge LIKE ekpo-menge,    "Quantity ordered in PO
        banfn LIKE ekpo-banfn,    "PR Number
      END OF itab2.
DATA: BEGIN OF itab3 OCCURS 0,
        banfn LIKE eban-banfn,
        menge LIKE eban-menge,
      END OF itab3.
DATA: BEGIN OF itab4 OCCURS 0,
        werks LIKE ekpo-werks,    "Plant
        matnr LIKE ekpo-matnr,    "Material Number
        ebeln LIKE ekpo-ebeln,    "PO Number
        menge LIKE ekpo-menge,    "Quantity ordered in PO
        banfn LIKE ekpo-banfn,    "PR Number
        pr_qty LIKE eban-menge,    "Quantity requested from PR
      END OF itab4.
DATA: BEGIN OF item OCCURS 0,
        werks LIKE ekpo-werks,    "Plant
        matnr LIKE ekpo-matnr,    "Material Number
        ebeln LIKE ekpo-ebeln,    "PO Number
        menge LIKE ekpo-menge,    "Quantity ordered in PO
        banfn LIKE ekpo-banfn,    "PR Number
        pr_qty LIKE eban-menge,    "Quantity requested from PR
        maktx LIKE makt-maktx,
        inw_qty LIKE mseg-menge,    "Inward Quantity
      END OF item.
DATA:f TYPE i.
DATA: alv_keyinfo TYPE slis_keyinfo_alv.
DATA: t_fieldcat TYPE slis_t_fieldcat_alv,
      t_eve TYPE slis_t_event.
SELECTION-SCREEN: BEGIN OF BLOCK blk1 WITH FRAME TITLE text-001.
SELECT-OPTIONS: werks FOR mseg-werks.
SELECT-OPTIONS: matnr FOR mseg-matnr.
SELECTION-SCREEN: END OF BLOCK blk1.
INITIALIZATION.
PERFORM cre_fieldcat USING t_fieldcat.
PERFORM cre_event.
START-OF-SELECTION.
PERFORM retrieve_data.
PERFORM display_data.
&      form cre_fieldcat
        text
       -->f_cat      text
FORM cre_fieldcat USING t_f_cat TYPE slis_t_fieldcat_alv.
DATA: wa TYPE slis_fieldcat_alv.
wa-tabname = 'HEADER'.
wa-fieldname = 'WERKS'.
wa-seltext_l = 'Plant'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'HEADER'.
wa-fieldname = 'MATNR'.
wa-seltext_l = 'Material Number'.
wa-outputlen = '15'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'HEADER'.
wa-fieldname = 'MAKTX'.
wa-seltext_l = 'Description'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'HEADER'.
wa-fieldname = 'INW_QTY'.
wa-seltext_l = 'Inward Quantity'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'ITEM'.
wa-fieldname = 'EBELN'.
wa-seltext_l = 'PO Number'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'ITEM'.
wa-fieldname = 'MENGE'.
wa-seltext_l = 'Order Quantity'.
wa-outputlen = '15'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'ITEM'.
wa-fieldname = 'BANFN'.
wa-seltext_l = 'Pur Req Number'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
wa-tabname = 'ITEM'.
wa-fieldname = 'PR_QTY'.
wa-seltext_l = 'Pur Req Quantity'.
wa-outputlen = '20'.
APPEND wa TO t_f_cat.
CLEAR wa.
ENDFORM.                    "cre_fieldcat
*&      Form cre_event
      text
FORM cre_event.
CALL FUNCTION 'REUSE_ALV_EVENTS_GET'
    EXPORTING
      i_list_type = 0
    IMPORTING
      et_events   = t_eve.
IF sy-subrc <> 0.
MESSAGE ID SY-MSGID TYPE SY-MSGTY NUMBER SY-MSGNO
        WITH SY-MSGV1 SY-MSGV2 SY-MSGV3 SY-MSGV4.
ENDIF.
ENDFORM.                    "cre_event
*&      Form retrieve_data
      text
FORM retrieve_data.
SELECT msegwerks msegmatnr maktmaktx msegmenge INTO CORRESPONDING FIELDS OF TABLE itab
    FROM mseg INNER JOIN makt ON msegmatnr = maktmatnr
    WHERE msegwerks IN werks AND msegmatnr IN matnr AND bwart = '101'.
SORT itab BY werks matnr.
LOOP AT itab.
    MOVE-CORRESPONDING itab TO itab1.
    COLLECT itab1.
ENDLOOP.
LOOP AT itab1.
    SELECT werks matnr ebeln menge banfn INTO CORRESPONDING FIELDS OF TABLE itab2 FROM ekpo
    FOR ALL ENTRIES IN itab1 WHERE werks = itab1-werks AND matnr = itab1-matnr.
ENDLOOP.
LOOP AT itab2.
    SELECT banfn menge INTO CORRESPONDING FIELDS OF TABLE itab3 FROM eban FOR ALL ENTRIES IN itab2
    WHERE eban~banfn = itab2-banfn.
ENDLOOP.
LOOP AT itab2.
    f = 0.
    LOOP AT itab3.
      IF itab3-banfn = itab2-banfn.
        MOVE-CORRESPONDING itab2 TO itab4.
        MOVE-CORRESPONDING itab3 TO itab4.
        itab4-pr_qty = itab3-menge.
        APPEND itab4.
        f = 1.
      ENDIF.
    ENDLOOP.
    IF f = 0.
      MOVE-CORRESPONDING itab2 TO itab4.
      itab4-banfn = ''.
      itab4-pr_qty = ''.
      APPEND itab4.
    ENDIF.
ENDLOOP.
LOOP AT itab1.
    LOOP AT itab4.
      IF itab1-matnr = itab4-matnr AND itab1-werks = itab4-werks.
        MOVE-CORRESPONDING itab1 TO item.
        item-inw_qty = itab1-menge.
        MOVE-CORRESPONDING itab4 TO item.
        APPEND item.
      ENDIF.
    ENDLOOP.
ENDLOOP.
WRITE:/.
*WRITE:/ 'Data of ITAB1'.
*LOOP AT itab1.
WRITE:/ itab1-werks,itab1-matnr,itab1-maktx,itab1-menge.
*ENDLOOP.
*WRITE:/.
*WRITE:/ 'Data of ITAB2'.
*LOOP AT itab2.
WRITE:/ itab2-werks,itab2-matnr,itab2-ebeln,itab2-menge,itab2-banfn.
*ENDLOOP.
*WRITE:/.
*WRITE:/ 'Data of ITAB3'.
*LOOP AT itab3.
WRITE:/ itab3-banfn,itab3-menge.
*ENDLOOP.
*WRITE:/.
*WRITE:/ '\nData of ITAB4\n'.
*LOOP AT itab4.
WRITE:/ itab4-werks,itab4-matnr,itab4-ebeln,itab4-menge,itab4-banfn,itab4-pr_qty.
*ENDLOOP.
*WRITE:/.
*WRITE:/ '\nData of ITEM\n'.
*LOOP AT item.
WRITE:/ item-werks,item-matnr,item-ebeln,item-menge,item-banfn,item-pr_qty,item-maktx,item-inw_qty.
*ENDLOOP.
ENDFORM.                    "retrieve_data
*&      Form display_data
      text
FORM display_data.
alv_keyinfo-header01 = 'WERKS'.
alv_keyinfo-item01 = 'WERKS'.
alv_keyinfo-header02 = 'MATNR'.
alv_keyinfo-item02 = 'MATNR'.
REFRESH header.
LOOP AT item.
    ON CHANGE OF item-werks OR item-matnr.
      MOVE-CORRESPONDING item TO header.
      APPEND header.
    ENDON.
ENDLOOP.
CALL FUNCTION 'REUSE_ALV_HIERSEQ_LIST_DISPLAY'
    EXPORTING
      i_callback_program = 'Z_INW_MAT'
      it_fieldcat        = t_fieldcat
      it_events          = t_eve
      i_tabname_header   = 'HEADER'
      i_tabname_item     = 'ITEM'
      is_keyinfo         = alv_keyinfo
    TABLES
      t_outtab_header    = header
      t_outtab_item      = item
    EXCEPTIONS
      program_error      = 1
      OTHERS             = 2.
IF sy-subrc <> 0.
ENDIF.
ENDFORM.                    "display_data

Best way to create a scrolling expandable list of checkboxes

Stupid question time: I want to create a list of checkboxes where there can be more than will fit into the fixed space in the UI so I want it to scroll as necessary. I also need to add and remove items to reflect changes in external factors.
I've tried to use the Radio Buttons item (which seems to be an NSMatrix that contains NSButtonCell objects) but I'm having problems (added items disappear off the top/bottom of the NSMatrix area, they seem to revert to the radio-button even if I set the 'prototype' to be a checkbox, I cannot get it is scroll).
I'm sure that this is a standard thing to have (a scrolling dynamic list of checkboxes) but I'm not sure how to create this. It's almost like the pop-up list in the combobox control but I want it on the screen the whole time.
In Windows I would simply use a CheckedListBox control - what is the equivalent in Cocoa?
Thanks
Susan

For what it's worth...
I kinda sorta got this to work using an NSMatrix instead of an NSTableView. Clicking the checkboxes afterwards only seemed to "select" the checkbox (ie put a focus ring around the checkbox) rather than actually checking or unchecking the checkbox. So you might still need code similar to what you've already done for your table view.
Here's what I did. This was in Leopard with Xcode and IB v. 3.0, but it may be somewhat similar in earlier versions of IB.
1. Drag a single checkbox into your window.
2. While your checkbox is selected go to the menubar and select "Layout -> Embed Object In -> Matrix".
3. The inspector window should change to "Matrix attributes"
4. Use the "Cells" attribute counters in the inspector window to add more rows (or more columns if needed) to your matrix. This should add more checkboxes to the matrix.
5. Add rows and/or columns until you get basically the number of checkboxes that you'd like to be able to see in your scrollable area.
6. Now while your matrix is selected go to the menubar and select "Layout -> Embed Objects In -> Scroll View"
Initially the scroll view will not show a scrollbar (because your scroll view was sized to encompass all of the current checkboxes). But if you click into the scroll view so that the embedded matrix becomes selected then you can use the "Cells" counters in the inspector window again to add some more rows or columns of checkboxes... and the scroll bars of the scroll view will become active.
If you don't know the total number of checkboxes beforehand then you can do something like this in code at runtime:
[theMatrix addRow];
[theMatrix sizeToCells];
This assumes that "theMatrix" is an outlet to the matrix. The addRow method will add a row to the end of the matrix but there are other methods that will allow you to add a row at a specific index. The "sizeToCells" seems to be required to get the scroll view to notice that the matrix has changed size and it's scroll bars may need to be adjusted.
Steve

On demand Expand list.

Hi,
I recently started using spry framework.i successfully
implemented the dropdown functionality using coldfusion(for dynamic
xml).
now i am working on a dynamic report functionality.
- there will be a report with only 5 rows displayed at a
time.
-there will be a '+' , '-' button . on clicking '+' button
another 5 rows will be added.(using ajax call).
- on each request my plan is to fecth xml from remote
coldfusion cfc.
can anyone provide me with a good way to start this...
thanks in advance. :)
regards,
devlosh

So at first glance the screen will display 5 records. Upon
pressing the "+" button the screen will display 10 records, then
15, then etc....? If so, I believe that with Spry you will have to
reretrieve the 1st five plus the new five and so on. I do not
believe that you can just retrieve the new ones and have them
append to the old. So I am thinking you would have to use GET
variables to set a from and to. For example
"FetchMyRecords.php?from=0&to=4" and then after pressing "+" it
would be "FetchMyRecords.php?from=0&to=9". I might be wrong
but... The problem woud be that after the returned dataset gets
larger the page would load slower.
I am currently displaying 10 records at a time and have
FIRST, NEXT, PREVIOUS, and LAST buttons. With each button, a new
dataset is loaded with the appropriate records by using the LIMIT
statement in my SQL query. I also have other buttons which set my
WHERE filter (OPEN/CLOSED, ASSIGNED/NOTASSIGNED, etc...)

How do you expand items in a list of items in jsp page

I have this list of task items being retrieved from the data from master table:
     <%
     List taskList = (List) request.getAttribute("searchresult");
     if (searchresultList.size() != 0) {
     for (Iterator itr=searchresultList.iterator(); itr.hasNext(); )
          TaskList workList =
        (taskList )itr.next();
     %>
     <tr>
          <td>
                 <a href="/taskItemDetail.do?itemId=<%=taskList.getId()%>" >
                <%=taskkList.getId()%></a>
          </td>
          <td><%=taskList.getTask()%></td>
          <td><%=taskList.getDate()%></td>
     </tr>
<%}%>
now when I click on the above link I want to be able to get the detail for that item from
the detail table and want to be able to show it inbetween the other master tables results.
Kind of like when you expand an item in windows folders by clicking the plus sign (+).

Basically you have two choices. You can include the whole, expanded list in your HTML, and use Javascript on the client side to fold and unfold sections, or you can maintain a list of folded items in your web app, and have transactions which alter this list and return an appropriate new page.
Remember, JSPs are not interactive. All they do is generate HTML.
Ideally, store the folding state on the page (e.g. encoded into a hidden field). You could put it in Session, but then if you have two browser windows open on the same browser windows can interfere with one another.

"Add Bookmark" = expanded dropdown list

When I want to add a Bookmark in Safari 3.0.4, I click on Bookmarks / Add Bookmark, and I get a little window asking where I want to keep this bookmark. If I click on the drop-down list arrows, a very lengthy, fully-expanded list of all my bookmark folders and sub-folders, opens up. I've got a lot of sub-folders, so it takes a lot of time to scroll down to the bottom.
In Firefox, if I recall correctly, that drop-down list is collapsed - in other words, only the top-level folders show up until you start drilling down into the specific sub-folders you want.
Is there any way to get Safari to show me just the top-level folders and then let me drill down to specific sub-folders? It'd be a lot easier than scrolling through every folder and sub-folder I have.

Hi all,
Unfortunately, there's no way that I know of to do what you've described. Hopefully someone will come along with a solution. While waiting though, perhaps you could also give Apple your feedback via the 'Report Bug' toolbar button.
That said, I have been a long-time user of Saft (shareware) and it provides an 'Add Bookmark Here' function to the Bookmarks menu, and to each subfolder therein. It's not an ideal solution, especially since it's a paid plugin, but I thought you might find it interesting.
Yang

Expandable Lists

Similar Messages

Maybe you are looking for