dynamic generation of tabs or accordion

I need to display information as follows:
Dept has
Group 1
Position 1-1
Position 1-22
Group 2
Position 2-1
B Dept
Group 1
etc.
Currently do using < cfoutput query = "myQuery" group = "Dept" > and so on to create div tags that I then show and hide with DHTML/Javascript
The number of departments change as do groups and positions, so the divs must be generated dynamically based on a query.
Can be done the same thing in Flex 2 with accordians or tabs?
Last question is my webhost does not have Data Services installed so I wiould have pr - compile SWF files. If this were doable in Flex 2 SWF of pre-compled would always implement the dynamic creation of the tabs/accordians?

Hello

Tab controls and the accordion can have their navigation dynamically modified. Both use the children containers (for example a cloth) - when you first receive your data from departments, the removeAllChildren() method clears the existing tabs/accordion tabs, then you need to create and addChildren() to rebuild the interface.

See you soon,.

Simon.

Tags: Flex

Similar Questions

  • Dynamic UI - open tab once

    Hi gurus,

    I use Jdev 11.1.2.3. I have a problem with the tab dynamic ui. Tab opens fine in the templete, but once I got close a tab and try to open it again (same tab). It is impossible to open it. No error no. Exception is there. I use Launcher.java example in the example of the dynamic tab UI.

    Advice me please.

    Thanks in advance.

    Hello

    your post does not provide sufficient details to answer your question. Can you provide a testcase? If so, send it my way in a zip file that you rename to "decompress." My email address is in my profile OTN (just click on my name to the left). Make sure that your mail to me that you add a node to this thread

    Frank

  • How to dynamically create a tab?

    Hello everyone.

    I try to use the native SDK rather webworks, and I'm sometimes difficulties.

    I'm creating application with typical scheme:

    ListView-> TabbedPane-> ListView

    (List of collections-> tabs for models-> view model)

    If the user selects an item in the first posting of the list I so need the tabs, but if the user selects another one I need other tabs.

    Unfortunally tabbedPane controls don't dataModel property. It is only from the listView.

    So, I create Datamodel and manually load the XML with tabs:

    TabbedPane {
    
        id: tabbedPane
        showTabsOnActionBar: false
    
        attachedObjects: [
            GroupDataModel {
                id: dataModel
            },
            DataSource {
                id: dataSource
                source: "/data/list.xml"
                onDataLoaded: {
                    var items = data.listItem;
                    for (var i in items){
                        var tab = new Tab({title:items[i].name});
                        tabbedPane.add(tab);
                    }
    
                }
            }
        ]
    

    The data is loaded with success, but bb.cascades is not Builder for tab!

    I see some builders for Button, Label, and other controls, but 10 to 15 controls mybe created by other means?

    I know how it resolves in C++, but I want to know - perhaps QML-method exist?

    Are you sure it's a good idea? If you have a large number of items, which will create a better user experience, I think.

    That said, if you know you have does not exceed a certain number of elements and, therefore, tabs, you can create them in advance in your QML and add them (or remove) to your TabbedPane to give a dynamic effect.

    See https://github.com/blackberry/Cascades-Community-Samples/blob/master/PasswordSample/assets/main.qml#... for an example where I've done it myself.

    Hope that this help somehow small.

    Martin

  • ADF-dynamic UI Shell Tabs

    Hi all

    I use Jdeveloper 11.1.2.4.

    USE CASE-

    I implement dynamic UI sell in my application. Where, by clicking on the left navigation, the new taskflow opens in a tab (using API).

    Ex, on clicking the search with navigation link, SearchTaskFlow opens in a new tab. It works great so far.

    SearchTaskflow has two Jsff leader (searchEmp & DetailsEmp), by selecting a line in the searchEmp page, the detailsEmp page shows the details of the employee. In my case, detailEmp is the part of the same TAB.

    To display the page of detailEMP (who used detail), in a new TAB.

    The interface shell dynamic user takes for my use case? Allows to create a new tab when running, which suits me.

    Suggest me how to achieve this.

    Concerning

    Problem solved.

    Cause - launcher file, TabContext.getCurrentInstance () was null for me and the NPES occurs.

    Solution-added/set the parameter for the tabContext. (Added the new parameter in the Taskflow bounded. ex, parameter = tabContext & Values = #{pageFlowScope.tabContext})

    See you soon!

    Concerning

  • Dynamic independent UI tab

    Hello gurus,

    I'm new in the adf and the use of 11.1.2.3. I use dynamic UI tab to open the sub modules. I allowed to open multiple instance unique task as dynamic tab flow, but the question is if make some kind of research on a single instance of the tab, it also reflects on the other instance. I want these two instance of the same workflow must be separate and independent. I added the sub as adf jar modules.

    Any suggestion...

    Thank you

    This task flows have isolated mode (does not control the call of the workflow data).

    Take a look at behavior--> Transaction

  • Package APEX to dynamically access the tabs in the menu?

    Hello community!

    We must build a dynamic authorization to the navigation of our application, so, each tab will have a plsql as a condition function, which evaluates the user authorization to respective tabs in a sql query, returning true or false.

    Now I would like to build a monitoring report, which lists all tabs and displays authorization (LDAP) for each tab group, as appropriate.

    To achieve this, I was wondering if there is a bunch of apex which are available to display all the information of interest to all of the existing tabs: tab label, pages, condition parameters, hierarchy (parent or child), in order to get an overview of the current configuration and create a user-friendly interface to link new user groups for the authorization menu tabs.

    I searched for a while and not find anything, but I'm sure its possible with buildin functions apex law. So I hope you can help me on my way.

    Thank you very much in advance,

    Best regards

    Tobi

    Version 4.2 of the APEX

    Hey Tobi,

    Have you looked at the sight of the APEX, APEX_APPLICATION_TABS?

    Jeff

  • First tab opening accordion jquery loading page

    Hello, I wonder how I'd the first tab of my accordion to open when the page loads. It's a custom accordion and it is difficult to find the answer online.

    I want it to be specific to a certain page if possible rather than universal through the site.

    Here's the HTML code:

    < div id = "st-accordion" class = "st-accordion" >

    < ul >

    < li >

    < a href = "#" > Lorem ipsum < span class = "st arrow" > open or close </span > < /a >

    < div class = "st-content" >

    < p > Lorem ipsum dolor sit amet, adipiscing elit computer. Amongst computer auctor ante, sodales pretium felis auctor in. Aenean tempor orci vel vestibule lobortis, justo augue, laoreet turpis, id 195kgs dolor sed arcu arcu. SED id dolor tellus. Nulla sollicitudin, risus eros in ac and tincidunt nisl ultricies. Nam 195kgs departing Morbi pretium libero in ultricies lacus semper ac. Vestibule in a malesuada vel lorem ac posuere ligula nibh. DUIs varius city vehicula. Maecenas convallis tellus in tellus eget EST lacinia sollicitudin facilisis. UT tortor, pretium lacinia non sit amet, sold ac ipsum quam. Donec quis felis fringilla leo eget pulvinar accumsan libero. < /p >

    < / div >

    < /li >

    < li >

    < a href = "#" > Lorem ipsum < span class = "st arrow" > open or close </span > < /a >

    < div class = "st-content" >

    < p > Lorem ipsum dolor sit amet, adipiscing elit computer. Amongst computer auctor ante, sodales pretium felis auctor in. Aenean tempor orci vel vestibule lobortis, justo augue, laoreet turpis, id 195kgs dolor sed arcu arcu. SED id dolor tellus. Nulla sollicitudin, risus eros in ac and tincidunt nisl ultricies. Nam 195kgs departing Morbi pretium libero in ultricies lacus semper ac. Vestibule in a malesuada vel lorem ac posuere ligula nibh. DUIs varius city vehicula. Maecenas convallis tellus in tellus eget EST lacinia sollicitudin facilisis. UT tortor, pretium lacinia non sit amet, sold ac ipsum quam. Donec quis libero accumsan felis fringilla pulvinar eget in leo < /p >

    < / div >

    < /li >

    < /ul >

    < / div >

    < / div >

    < / div >

    " < script type =" text/javascript"src =" http://AJAX.googleapis.com/AJAX/libs/jQuery/1.6.4/jQuery.min.js "> < / script > .

    < script type = "text/javascript" >

    {$(function()}

    $('#st-accordion').accordion ({}

    oneOpenedItem: true

    });

    });

    < /script >

    "< script type =" text/javascript"src="js/jquery.easing.1.3.js "> < / script >

    "< script type =" text/javascript"src="js/jquery.accordion.js "> < / script >

    < / div >

    And the CSS:

    
    
    
    
    
    .st-accordion{
    
        width:100%;
        min-width:270px;
        margin: 0 auto;
    
    
    
    
    
    
    }.st-accordion ul li{
        height: 100px;
        border-bottom: 1px solid #c7deef;
        border-top:1px solid #fff;
        overflow: hidden;
    }
    
    
    .st-accordion ul li:first-child{
        border-top:none;
    }
    
    
    .st-accordion ul li > a{
        font-family: 'Josefin Slab',Georgia, serif;
        text-shadow: 1px 1px 1px #fff;
        font-size: 22px;
        display: block;
        position: relative;
        line-height: 100px;
        outline:none;
        -webkit-transition:  color 0.2s ease-in-out;
        -moz-transition:  color 0.2s ease-in-out;
        -o-transition:  color 0.2s ease-in-out;
        -ms-transition:  color 0.2s ease-in-out;
        transition:  color 0.2s ease-in-out;
    }
    .st-accordion ul li > a:hover{
        color: #1693eb;
    }
    
    
    .st-accordion ul li > a span{
        background: transparent url(../images/down.png) no-repeat center center;
        text-indent:-9000px;
        width: 26px;
        height: 14px;
        position: absolute;
        top: 50%;
        right: -26px;
        margin-top: -7px;
        opacity:0;
        -webkit-transition:  all 0.2s ease-in-out;
        -moz-transition:  all 0.2s ease-in-out;
        -o-transition:  all 0.2s ease-in-out;
        -ms-transition:  all 0.2s ease-in-out;
        transition:  all 0.2s ease-in-out;
    }
    .st-accordion ul li > a:hover span{
        opacity:1;
        right: 10px;
    }
    
    
    .st-accordion ul li.st-open > a{
        color: #1693eb;
    }
    .st-accordion ul li.st-open > a span{
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        transform:rotate(180deg);
        right:10px;
        opacity:1;
    }
    
    
    .st-content{
        padding: 5px 0px 30px 0px;
    }
    .st-content p{
        font-size:  16px;
        font-family:  Georgia, serif;
        font-style: italic;
        line-height:  28px;
        padding: 0px 4px 15px 4px; 
    }
    .st-content img{
        width:125px;
        border-right:1px solid #fff;
        border-bottom:1px solid #fff;
    }
    
    
    @media screen and (max-width: 320px){
        .st-accordion ul li > a{
            font-size:14px;
        }
    }
    
    
    @media screen and (max-width: 800px){
        .st-accordion ul li > a{
            font-size:16px;
        }
    }
    
    
    
    
    
    
    
    
    
    
    
    You can find the page at http://bit.ly/Zrpt1s
    
    

    Any help is appreciated thank you grately!

    Try

    {$(function()}

    $('#st-accordion').accordion ({}

    oneOpenedItem: true

    Open: 0

    });

    });

  • tab panel accordion Spry, link to a page of diferent

    Hello

    I have sort of a section of my site catalog of a few pages, one for each category in my catalog (tables, chairs, lighting, etc.).

    Each of these pages has a spry accordion, which looks the same on all pages.

    When I click on the tab of the Panel accordion, accordion (for this category) Panel content arises, which is very good.

    But when I click on the Accordion Panel tab, I would, first of all for this page is displayed, then for the accordion panel content appears.

    This is what happens:

    I am on the page TABLES. When I click on the Panel accordion tab "CHAIRS" the Panel content Accordion with the different types of Chairs opens / shows, but I'm still on the TABLES page.

    I would like this brings me to the page of CHAIRS without having to choose one of the sections content panel.

    I can't be able to do it with a simple link.

    What should I do?

    Thank you.

    It seems that you have to attach an event onclick (see below)

    At the point where your code probably looks something like:

    Chairs

    You must encapsulate the AccordionPanelTab

    in an anchor as tag below:

  • Application &amp; quot; freezes &amp; quot; on the change tab or accordion

    Hello

    We have an intranet application with a main tabnavigator, sub tabnavigators and sometimes accordions in those.

    But now and then it freezes when you change from one tab to another or one accordion to another and shows not the content of the tab or the browser, but a white - blank screen. And there is no errors generated. Not even with the debug player...

    Any ideas what could cause this? I know it is a very imprecise error which could have a thousand reasons, but maybe someone here had the same problem...

    Best regards
    Frank

    Hello

    Seemed that our problem was caused by infinite loops. Each tab has a "show" - function. Some of them were called twice thus causing the problem...

    The use of the debugger in Flex is the answer...

    Best regards
    Frank

  • niHSDIO dynamic generation and Acquisition using LV configure Trigger VI

    Hello!

    My experience is limited within the environment of digital programming; Nevertheless, I have worked on this problem for a few days and would appreciate some comments if possible.

    I am trying simply to generate and acquire a duty cycle of 50% of 8 MHz TTL pulse train on a PIN DIO of the PCI-6541 and acquire back from the signal on another axis of DIO. I have a connector corresponding to the embedded 6541 VHDCI connector which of course the generation and acquisition DIO welded pins to provide a loopback effect.

    In short, I use the niHSDIO configure Trigger VI (instance--> start Trig: SW), niHSDIO send software Edge Trigger VI and write Named Waveform VI (instance--> data: 1 D U32) in the generation section. For the section of the acquisition, in short, I use the VI of waveform Fetch niHSDIO (instance--> single record: WDT).

    I see results in the waveform acquired showing the generated and acquired digital TTL pulse on the respective DIO pins train, but I can't seem to get my 8 MHz frequency requirement. In addition, the lower part of the assignment of pin DIO, more frequency. Unfortunately, due to the configuration system required, I have confined myself to pin 12 DIO for the generation of digital pulses. Even with a 50 MHz clock frequency, I'm ~ 6 kHz of frequency acquired max. I looked at changing the parameters of the wave form VI named write, but it is not possible because the VI call a library function node. I also tried to generate a waveform of 8 MHz through a VI of generator of digital model, but I do not believe, you can trigger on generated waveforms? It seems that you must generate data using a simple loop to as a counter and sending the result to the waveform VI named write. Are there other ways I can simply generate and acquire a digital signal of TTL of 8 MHz (no external connection)?

    In any case, any kind of feedback would be greatly appreciated.

    Thanks in advance for your time.

    Dan

    Dan,

    Sorry about the nomenclature.  I usually use 0 x or 0 b for indication of radix, it is not necessarily a kind of standard, just what I used in my old days of the Assembly.

    Looks like you have a knowledge about the data.  Basically the material is just save in DRAM an array of words of 32 bits, with each bit corresponds to a data channel and each element being generated to the sampling clock rate you enter to your vi.  Everything else is just easy data manipulation or usage.  The interleaving method is just as I like to create a toggle model.  You can easily do a loop with an inverter and feedback node or use on the construction in screws to signal generation.  In addition, you can use the software digital waveform editor or control panel test to generate the county or toggle modes.

    Give us an update when you enter the laboratory and let us know if you encounter any other disorder.

  • Dynamic generation of query - ' sign

    Hello

    I'm trying to build a dynamic query to obtain the product report and the employee who assigned. I write code below:

    CREATE OR place the SALE_EmpORT PROCEDURE

    IS

    T_Products. ARRAY TYPE IS VARCHAR2 (100);

    v_ProductList t_Products: = t_Products();

    T_Emps. ARRAY TYPE IS VARCHAR2 (100);

    v_EmpIDs t_Emps: = t_Emps();

    LONG V_SQL;

    -VARCHAR2 (9000);

    BEGIN

    SELECT DISTINCT product BULK COLLECT INTO v_ProductList

    OF Emp_Products;

    SELECT DISTINCT Emp_Id BULK COLLECT INTO v_EmpIDs

    OF Emp_Products;

    I'm IN 1.v_ProductList.COUNT LOOP

    IF i = 1 THEN

    V_SQL: = 'SELECT'. v_ProductList (i) | «, » ;

    ON THE OTHER

    V_SQL: = V_SQL | 'UNION SELECT' | v_ProductList (i) | «, » ;

    END IF;

    FOR j IN 1.v_EmpIDs.COUNT LOOP

    IF j < v_EmpIDs.COUNT THEN

    V_SQL: = V_SQL | "DECODE (product, ' | v_ProductList (i) |', DECODE (Emp_Id, ' | v_EmpIDs (j) |)) ((', NULL), NULL) AS ' | v_EmpIDs (j) | «, » ;

    ELSIF j = v_EmpIDs.COUNT THEN

    V_SQL: = V_SQL | "DECODE (product, ' | v_ProductList (i) |', DECODE (Emp_Id, ' | v_EmpIDs (j) |)) ((', NULL), NULL) AS ' | v_EmpIDs (j);

    END IF;

    END LOOP;

    V_SQL: = V_SQL | ' FROM Emp_Products';

    END LOOP;

    INSERT INTO T_LOG_SQLTEXT VALUES (V_SQL);

    COMMIT;

    END SALE_EmpORT;

    /

    In this code, I am unable to handle situation if product contains a single quote, for example

    DOWN

    CHILD HEALTH

    THE WOMEN'S HEALTH

    How to handle this situation in order to run this dynamic query.

    Kind regards

    Karki

    You need to replace a single quote with two single quotes:

    CREATE OR REPLACE PROCEDURE Sale_Report

    IS

    TYPE T_Products IS TABLE OF VARCHAR2 (100);

    V_Productlist T_Products: = T_Products ();

    TYPE T_Emps IS TABLE OF VARCHAR2 (100);

    V_Empids T_Emps: = T_Emps ();

    V_Sql CLOB;

    FUNCTION Qte_Product (NUMBER Ix)

    RETURN VARCHAR2

    IS

    BEGIN

    RETURN to REPLACE (V_Productlist (Ix), "',"');

    END;

    BEGIN

    SELECT DISTINCT products

    BULK COLLECT INTO V_Productlist

    OF Emp_Products;

    SELECT DISTINCT Emp_Id

    BULK COLLECT INTO V_Empids

    OF Emp_Products;

    FOR I IN 1... V_Productlist.count

    LOOP

    IF I = 1

    THEN

    V_Sql: = 'SELECT ' | Qte_Product (I) | ', ';

    ON THE OTHER

    V_Sql: = V_Sql | 'UNION SELECT | Qte_Product (I) | ', ';

    END IF;

    FOR J FROM 1... V_Empids.count

    LOOP

    IF J<>

    THEN

    V_Sql: = V_Sql

    || «DECODE (product, ' |)» Qte_Product (I)

    || ', DECODE (Emp_Id, ' |) V_Empids (J)

    || (Target, NULL), NULL) AS ' | V_Empids (J)

    || ',';

    ELSIF J = V_Empids.COUNT

    THEN

    V_Sql: = V_Sql

    || «DECODE (product, ' |)» Qte_Product (I)

    || ', DECODE (Emp_Id, ' |) V_Empids (J)

    || (Target, NULL), NULL) AS ' | V_Empids (J);

    END IF;

    END LOOP;

    V_Sql: = V_Sql | "OF Emp_Products."

    END LOOP;

    INSERT INTO T_Log_Sqltext

    VALUES (V_Sql);

    COMMIT;

    END Sale_Report;

    /

  • Dynamic generation of DDX ES2

    Hi all

    I want to create a portfolio PDF package of files not PDF where number of attachments can vary, but with a static PDF cover page.

    does anyone have a sample ES2, which allows you to dynamically create the DDX?

    Concerning

    KeV

    KeV,

    The joint .lca ES2 is assembled of dynamic document using a custom script. You can drop any number of PDF files flattened in the control file to assemble a PDF file.

    The process is described below.

    Notes:

    (1) process includes logic to calculate assembler duration of treatment, which may or may not be useful.

    (2) as you probably know PDF files must be flattened for Assembly. The process does not flatten a PDF file.

    The custom script is represented below. It iterates over the keys of the map list to build the DDX.

    Steve

  • Dynamic generation of table

    Hello world!

    I use the free trial version Adobe LiveCycle Designer ES.

    I have a data set and two pdf. The first is a pdf file that I got on the web, which was created with the full version of Adobe LiveCycle Designer ES.

    The second is that I created with the trial version.

    I am trying to display several data like this:

    < history >
    < date > 08/05/2009 < / date >
    doc, doc > < / doc >
    desc < desc > < / desc >
    < / history >

    < history >
    < date > 09/05/2009 < / date >
    doc, doc > < / doc >
    desc < desc > < / desc >
    < / history >

    ...


    With the first pdf, it works fine. All data are displayed.

    But only the data appear with mine.

    I checked all the options (such as the link) and there are all the same on the two pdf.

    Then there is a limitation of the trial version with the case of duplicated data?

    Thank you

    No, there is no limitation in the trial version, but the one you have on the web is probably saved in dynamic PDF and yours is probably saved that way.

    Paul

  • dynamic generation to the top of an array of objects to fill a datagrid

    I'm having a hard time to figure out how to push an object in a table to populate a datagrid control.
    I don't know if I'm not recover the right values or send them.

    I want to push the full string as the label and now: 'Data_Grid.selectedItem' retrieve the value of name with "Data_Grid.selectedItem.G_val" by dynamically building 'type': 'value '.




    Thanks :)

  • dynamic generation of datagrid

    my configuration:
    I have 3 files. the first is the leader (mxml) main of the application that displays a datagrid control. the 2nd is a file that builds the datagrid (generator model). and the 3rd is a datamanager who retrieves my data via webservice that eventually fills the datagrid control.

    my situation:
    Im trying to dynamically generate a datagrid control that depends on data I collect through a Web service. Unfortunately, the result event handler runs asynchronously, and data are not yet available when my script tries to produce the datagrid.

    thoughts:
    I was wondering if there was a way to sync this process, so I generate the data grid after the webservice called the result event, or if there is no other possible solutions for this problem.


    in case any who wondered for a solution to this, I took advantage of the event driven framework that Flex simply provides extended eventdispatcher within my datamanager class and called an event back to my main application to let him know when it's ready to generate the data grid. I don't know if there is no more graceful alternative, but for now, it works! optimization can come after version 1.0 =)

Maybe you are looking for

  • Satellite L755 - 1 M 0 PSK30E broken screen

    Hello Toshiba Support Forum! I broke the screen on my laptop Toshiba Satellite L755 - 1 M 0Model: PSK30E-04U006Y4 Is it possible to replace my screen with any model of the series L755 with the same resolution and the size of the screen, or what are m

  • Disable vibration on text

    Hi friends, Is there a way to Turn Off Vibration while texting in Vibe X 2 phone? It must be in the language menu and input but I couldn't find it. Help, please.

  • Response message popup string

    I store the response of the pop message string using Locals.ResponseValue = AbsVal (Step.Result.Response)) ResponseValue must be digital (between 0 and 999), how to test if response entered is a string?

  • Memory stick SanDisk Cruzer Pop does not not on HP Probook 4540

    Hello I recently bought a SanDisk memory stick and have tried insert in all USB ports on laptop to my HP Probook 4540 (Windows 7) but anything that happens, not even a notofication to unrecognized device damaged no matter what. Have searched the net

  • PROBLEM SOLVED B326HK MONITOR

    After a long search for a solution for the B326HK monitor which had problems when the monitor came out of hibernation, I can today, March 5, 2015 write the solution. Acer does not deliver it properly cable DisplayPort with this monitor. Because the c