dataGroup rendered action item selected

OK, I must be missing something.

I have a (inches) Panel which has a dataGroup inside.  I also have another Panel (viewPanel) that has a tag of the image in it.  The idea is that the user clicks on an element of rendering in the 'thumb' Panel to show a larger image which will be displayed in "viewPanel. Items in the "thumbs" Panel are rendered by a custom converter.  In the item converter, I have a function of action script called getImage that is supposed to load specific data of the dataGroup in the viewPanel-> Image tag (bigView).  But I have an access of undefined property bigView FB4.  What Miss me?

itemRenderer = >

<fx:Script>
          <![CDATA[
               //This getImage function will handle a click event when user clicks
               //on thumbnail to get a bigger image to show in viewer panel
               protected function getImage(event:MouseEvent):void {
                    bigView.load(event.currentTarget());
               }
          ]]>
     </fx:Script>

     <s:states>

          <s:State name="normal"  />
          <s:State name="hovered"  />
          <s:State name="selected"  />

     </s:states>

     <s:BorderContainer top="5" width="100%"
               height="100%" borderWeight="0">

          <s:layout>

               <s:VerticalLayout horizontalAlign="center"  />

          </s:layout>
          <s:Label paddingTop="5" text="{data.shortName}"  />
          <s:Image maxWidth="100" maxHeight="100"
                    horizontalAlign="center" verticalAlign="middle"
                    source="{data.imageFile}" click="getImage(event)"  />

     </s:BorderContainer>

Is there a better way to do this type of action?

Tony

Check out these tutorials http://www.adobe.com/devnet/flex/videotraining.html

start of day 2 and 3 are on the events

but well worth watching all the

Tags: Flex

Similar Questions

  • Action - item Menu insert &gt; select &gt; free Transfom &gt; Warp?

    Hi all

    As the title suggests, I would like to create an action for "select > free Transfom > Warp". The STRING for my selection must currently be triggered by clicking on the distortion grid in the mode of selection of processing.

    I would like to find a way to create an action, so I can link to a key. for example every time that I have an active selection, running that action would automatically enter the DEFORMATION mode for the outline of this particular selection.

    any ideas?

    Adobe conditional Action only take on a limited number of condition. The condition to test is one of them.  If there is a selection active document. you just need to record an action for the condition. Your version of photoshop needs to take supported conditional actions. The layer change will also be the active layer target or have a single well-known known name or a known level of layer in the layer stack, so the action can target the layer.  Any selection will trigger the execution of one continuous piece as disconnected from the areas of selection. All actions that are used must be in the same game of action and the action defined. All should not be renamed and actions cannot be renamed or moved or copied in other action games.

  • Action items get duplicated - why?

    Hello

    I have this code to add the point of action on my page:

    ...
    
        actions: [
            ActionItem {
                title: "Action 1"
                ActionBar.placement: ActionBarPlacement.OnBar
    
                onTriggered: {
                    myLabel.text = "Action 1 selected!"
                }
            }
        ]
    
    ....
    
    } // end of Page
    

    In the preview QML, action that an item is displayed as above - but when I run the application, there are two copies of the action above element. Anyone has any idea why? Thank you.

    Refer to this post: http://supportforums.blackberry.com/t5/Cascades-Development/Duplicate-actionbar-buttons/m-p/2157969#...

  • Several views of web with a set of action items

    I am currently working on an app that has three different webviews and there is a drop down to switch between the three different webviews. Each webview is located in a different container and the list drop-down leather / reveal containers but my action points are: back, Forward and Refresh

    I managed to get the update to work with the three webviews action item:

    onTriggered: {
                        if (container1.visible == true) {
                            webView1.reload()
                        } else if (container2.visible == true) {
                            webView2.reload()
                        } else if (container3.visible == true) {
                            webView3.reload()
                        }
                    }
    

    However, I can't seem to replicate the same functionality with the back and the points of action forward

    enabled: webView1.canGoBack || webView2.canGoBack || webView3.canGoBack
                    onTriggered: {
                        if (container1.visible == true) {
                            webView1.goBack()
                        } else if (container2.visible == true) {
                            webView2.goBack()
                        } else if (container3.visible == true) {
                            webView3.goBack()
                        }
                    }
    

    Pressing the follow-up activity will backward for the first webview and will not work for the other two.

    The three webviews are all on one page so if anyone knows a way to get the action element back working with the views of three web, then that would be great

    I assume that you have 3 WebView side-by-side and that they can be visible or not, so at some point, you have all 3 on the same screen and hitting return should make all go them back, right?

    If so, in the onTriggered section, remove any occurrence of "else".

    It should look like this (sorry for the formatting, I'm on mobile):
    If {(container1.visible)
    webView1.goBack)
    }
    If {(container2.visible)
    webView2.goBack)
    }
    If {(container3.visible)
    webView3.goBack)
    }

    If I was mistaken in my understanding of your application and you have 3 single WebView appears at once, then your code looks good to me, but you can change your formula activated as long as the rear action can be activated, even if the visible WebView can not go back.

  • How to get the content of the list item selected ListView using CPP?

    Hello

    I do a simple application, get the content of the list item selected ListView using CPP, in the main.qml file, I created a listview using XMLDataModel and I got the selected listview using dataModel.data (row) .attributeNameInXmlfile in qml. content as in the same way the ListView using cpp.please help me I want to get the content of the listitem selected.

    Here is my code

    hand. QML

    import bb.cascades 1.0
    
    Page {
        content: Container {
            id: mainContainer
            objectName: "container"
            // property alias selectedText: selectedTextField.text
            //property alias deselectedText: deselectedTextField.text
            ListView {
                objectName: "listView"
                dataModel: XmlDataModel {
                    source: "models/items.xml"
                    id: model
                }
                listItemComponents: [
                    ListItemComponent {
                        type: "item"
                        StandardListItem {
                            title: ListItemData.title
                        }
                    }
                ]
            }
            TextField {
                id: selectedTextField
                objectName: "selectedTextField"
                text: ""
            }
            TextField {
                id: deselectedTextField
                objectName: "deselectedTextField"
                text: ""
            }
        }
    }
    

    App.cpp

    #include "app.hpp"
    
    #include 
    #include 
    #include 
    #include 
    #include 
    #include 
    using namespace std;
    
    using namespace bb::cascades;
    QObject *textFieldSelected ;
    QObject *textFieldNotSelected;
    QObject *list;
    App::App() {
        QmlDocument *qml = QmlDocument::create("main.qml");
        AbstractPane *root = qml->createRootNode();
        list = root->findChild("listView");
        textFieldNotSelected = root->findChild("deselectedTextField");
        textFieldSelected = root->findChild("selectedTextField");
        QObject::connect(list,SIGNAL(selectionChanged (QVariantList, bool)),this,SLOT(changeText(QVariantList, bool)));
        Application::setScene(root);
    }
    
    void App::changeText(QVariantList indexPath,bool selected) {
    
    }
    

    App.HPP

    #ifndef APP_H
    #define APP_H
    
    #include 
    #include 
    #include 
    
    /*!
     * @brief Application GUI object
     */
    class App : public QObject
    {
        Q_OBJECT
    public:
        App();
    public slots:
    void changeText(QVariantList ,bool );
    
    };
    
    #endif // ifndef APP_H
    

    Try this.

    void App::changeText(QVariantList indexPath,bool selected) {
        XmlDataModel *model = (XmlDataModel *)list->dataModel();
        QVariantMap map = model->data(indexPath).toMap();
        // map is your data in QVariant
        qDebug() << map["title"].toString();
    }
    
  • Tabs and action items as in the hub

    Hi guys,.

    I'm trying to get a TabbedPane working with action on bar points and overflow as you can see in the hub, but I can't get the two working together. If I use a TabbedPane followed do not appear on bar or overflow. If I use a NavigationPane action items work, but I can't use the tabs...

    This is an image I found in the native BlackBerry documentation. Here, you see the button on the tab on the left, three elements of action on bar and the overflow action items opener.

    Can someone please give me a hint or example?

    Kind regards

    Jan

    You must add the ActionItem to the Page, as follows:

    import "Webview"
    import "Account"
    
    TabbedPane {
        tabs: [
            Tab {
                title: qsTr("A Tab")
                Page {
                    Label {
                        text: "Hello World"
                    }
                    actions: [
                        ActionItem {
                            ActionBar.placement: ActionBarPlacement.OnBar
                            title: "An action item"
                        }
                    ]
                }
            }
        ]
    }
    
  • How to dynamically create action item?

    Hi, I want to dynamically create point.

    Before I want to create using qml, but does not seem possible

    http://supportforums.BlackBerry.com/T5/Cascades-development/how-to-create-action-item-of-page-dynami...

    So maybe better to use C++ to create dynamically,

    I'm already try but are still not

    So I have a custom control qml (a Navigation pane)

    name List.qml

    the structure is like this:

    NavigationPane {}

    {Page}

    objectName: myPage

    {Of container

    ....

    }

    }

    }

    How to add action item to this .qml?

    I'm already try that, but failed

    C++ :

    Engine QDeclarativeEngine;

    QDeclarativeComponent component(&engine,QUrl::fromLocalFile("List.qml"));)

    QObject * object = component.create ();

    Page * myPage = object->findChild ("Edit");  Maybe, on that note, I'm wrong implemented? -> not found?

    ActionItem * action1 = ActionItem::create () .title ("first action");

    my page-> addAction (action1, ActionBarPlacement:nBar);

    Remove the object;

    How to create this dynamic Action item?

    Help, please

    Thank you

    Hello

    QML, the object name must be included between "" marks.

    Name of the object of your Page will be:

    objectName: "myPage"
    

    You can reach any CPP QML object like this:

    This excerpt comes from YourProjectName.cpp

    // create scene document from main.qml asset
    // set parent to created document to ensure it exists for the whole
    // application lifetime
    
    QmlDocument *qml = QmlDocument::create("asset:///main.qml").parent(this);
    
        // create root object for the UI
        AbstractPane *root = qml->createRootObject();
        // set created root object as a scene
        app->setScene(root);
    
    //and here comes the findChild method
    Page* qmlPage = root->findChild("myPage");
    

    After this, you can create any object on the side of C++ QML, as your own code:

    ActionItem* action1 = ActionItem::create().title("First action");
    myPage->addAction(action1, ActionBarPlacement:nBar);
    

    Don't have no need to create a QObejct, or declarative stuff.

  • Point for the action Menu spacing: set an action item to appear in the menu of the action at the bottom?

    How do you define an action item to appear in the menu of the action at the bottom? As the point to delete shown here:

    https://developer.BlackBerry.com/Cascades/documentation/Getting_started/porting/mapping.html

    You would most likely want to start with https://developer.blackberry.com/cascades/reference/bb__cascades__deleteactionitem.html and discover the parent class.

    The text suggests that the title and icon appear in the standard only if you do not specify your own when you add the element, so there is hope, you can fake it.

  • Dynamic action to select a default value

    I'm struggling with a concept of dynamic action. I'm trying to set the default values under certain circumstances.

    If no selection is made in groups of KPIS, I want one for the area of selection around the bulb.

    If no selection is made in high-level KPI, then I want the premiera 'selected' with the area around the bulb.

    My goal is to do two things here. First of all, visually indicate which item has been selected via a click or default action. And second, select first occurrence of KPI according to if something has clicked or if anything has been clicked again.

    Three scenarios I see:

    (1) user opens page 586: 'Safety and training' must be selected. And OSHA training should be chosen

    (2) click on 'Monitoring': monitoring must be chosen and should therefore "warning fire late" as the first in the category.

    (3) the user clicks 'Detectors of CO2' late under surveillance: surveillance remains selected in the KPI group and the selection moves the late fire alarms to CO2 detectors, late.

    When I say selected, I'm talking about the little box around the bulb. It would be even better if the box around the text went too if possible.

    And Yes, you are allowed to make changes to the application.

    Login to apex.oracle.com

    number of App 73911

    bulbcharts workspace

    user guestdev / charts

    TC-army wrote:

    I'm struggling with a concept of dynamic action. I'm trying to set the default values under certain circumstances.

    If no selection is made in groups of KPIS, I want one for the area of selection around the bulb.

    If no selection is made in high-level KPI, then I want the premiera 'selected' with the area around the bulb.

    My goal is to do two things here. First of all, visually indicate which item has been selected via a click or default action. And second, select first occurrence of KPI according to if something has clicked or if anything has been clicked again.

    Three scenarios I see:

    (1) user opens page 586: 'Safety and training' must be selected. And OSHA training should be chosen

    (2) click on 'Monitoring': monitoring must be chosen and should therefore "warning fire late" as the first in the category.

    (3) the user clicks 'Detectors of CO2' late under surveillance: surveillance remains selected in the KPI group and the selection moves the late fire alarms to CO2 detectors, late.

    When I say selected, I'm talking about the little box around the bulb. It would be even better if the box around the text went too if possible.

    And Yes, you are allowed to make changes to the application.

    Login to apex.oracle.com

    number of App 73911

    bulbcharts workspace

    user guestdev / charts

    The 'small box around the bulb' is the focus rectangle. It is in fact to choose a bulb before you click on it, not saying the current selection (click on a light bulb and then press tab to see this in action). For accessibility reasons, it is best to let this behavior of the browser by default alone.

    Maintaining the metaphor of the light bulb, I used dynamic actions and CSS to apply a glow effect to indicate the bulbs that exist currently "on". Details to follow when I have more time...

  • How to create a report based on the item selected from the list of selection?

    Hello

    I created a tables_LOV based on:

    Select table_name table_name user_tab_cols r, d

    where column_name like '% _type % '.

    Then I created a ListOfTables page element, display in a selection list and pointing to tables_LOV.

    I run the page, and I can choose the table I want in the drop-down list.

    How to create a report based on the selected element? (ex: select * from selected_table)

    Thanks in advance

    Salah

    Hi Salah,

    Allright, take a look at this page: http://apex.oracle.com/pls/apex/f?p=vincentdeelen:collection_report

    I think that simulates what you are trying to accomplish. I've implemented the simplest method I could think of.

    The report is based on a collection of apex. If you are not familiar with this, you should study the documentation: APEX_COLLECTION

    To recreate my example, you should:

    (1) create a report (interactive) on your collection

    SELECT *
       FROM APEX_collections
     WHERE collection_name = 'MY_COLLECTION'
    

    (2) create a selection list page_item for the tables that you want to display (in my case, this is called "P38_TABLES")

    (3) create a dynamic action that triggers on the evolution of your selection list page_item. Dynamic action must be a parade of PL/SQL procedure the following code:

    declare
      l_query varchar2(4000);
    begin
      l_query := 'select * from '||:P38_TABLES;
      if apex_collection.collection_exists
            ( p_collection_name => 'MY_COLLECTION' )
      then
        apex_collection.delete_collection
          ( p_collection_name => 'MY_COLLECTION' );
      end if;
    
      apex_collection.create_collection_from_query
        ( p_collection_name => 'MY_COLLECTION'
        , p_query           => l_query
        );
    end;
    

    Make sure that you add your page_item 'Page to send items' section.

    (4) add a real extra action that makes an update of the report area.

    Here are two photos describing the da:

    http://www.vincentdeelen.com/images/OTN/OTN_COLLECTION_REPORT_DA1.PNG

    http://www.vincentdeelen.com/images/OTN/OTN_COLLECTION_REPORT_DA2.PNG

    Good luck and greetings,

    Vincent

    http://vincentdeelen.blogspot.com

  • Use the table of numbers as "item select to compare.

    Greetings,

    I'm curious to know how to use an array of numbers as value in the tab select edit ideally my "case" would execute an expression "Contains(Locals.arrayofnumbers,0)."

    Basic principle:

    1 Labview VI launches with ListBox containing all tests (multiple selections enabled)

    OUTPUT is an array of I32.

    2 I32 table is attributed to Locals.arrayofnumbers

    3 Locals.arrayofnumbers is used with the element select 'compare '.

    4. each CASE has the statement... "next" Contains(Locals.arrayofnumbers,#)

    * each case would have 1 sequence to run *.

    Currently TS throws an error prompt indicating that the Select step expected number, that is the table of numbers.

    I already found a solution quick and pretty clean by instituiting just a condition prior to each sequence and captured to eliminate flow control all together. But I prefer not to use prerequisites for global flow control if possible and use controls to rate as expected.

    I have used TS help, but don't quite give me what I needed. Maybe I didn't use the correct search string. The forum here, is the same. I'm sure that the answer may be there, but maybe I'm using the wrong search string.

    Thanks in advance for any help.

    To SUM UP: User selects (via LabVIEW listbox) 1 - n tests to be run (output table I32). I32 table is used for the selection of the case by evaluating "contains (Local.arrayofnumbers, 0).

    Kind regards

    chazzzmd78

    Honestly, a Select System / box is the wrong choice for what you do.  I'd go with the prerequisite options.  It reduces the number of steps of TestStand.

    In your case you just to see whether something exists or not in a table.  Ideally, you will use the Select operations / box when you have 1 selected option of many.  I suppose you're a loop around the case select so that you can run all the tests so that your code looks something like this:

    For N (N is the number of tests they have selected)

    Select Locals.ArrayOfNumbers

    Briefcase (Locals.ArrayOfNumbers, 1).

    Run test 1

    Briefcase (Locals.ArrayOfNumbers, 2)

    Run the test 2

    Select close

    Closing loop

    If you want to use the Select option / box correctly I would like this:

    Item ForEach in Locals.ArrayOfNumbers (assign the item being Locals.i)

    Select Locals.i

    Case 1

    Run test 1

    Case 2

    Run the test 2

    Select close

    Close ForEach

    I hope that makes more sense.  If you have any questions let me know.

    Kind regards

  • Item selection listbox with right click of the mouse

    Hello

    I have a ListBox with unchangeable elements.  Y at - it an easy way to select an item with a click of the right button (like the left click)

    Create a structure of the event and generate an event on the mouse down? event.  Then use the button terminal to determine if the right button is pressed.  If it was, then set the value of this list box to the line that the mouse is over.  You can do this by using the invoke the end node.

  • get the index of the item selected in the image grid

    Hello

    use the latest version of bbui.js and I am facing a problem in getting the selected item (but click or press event) to image grid.

    given that all images have the same class name and bb-type of data and the only difference between them is data-bb-img I need to shoot an event handler when you select a specific grid image and passing the argument index...

    can someone help me please?

    function jQuery Event.Target solved the problem! Thank you

  • Contacts API - add to the action item "App."

    I am currently working on an application that is based on a list of customers, like opening the app. The application works perfectly, but I was wondering if it is possible to use the contacts API to invoke my application?

    I mean, when you open an email (within the hub of BlackBerry) you are given an element of action 'Add contact', so I wondered if it would be possible to have an element of action added to the emails in the hub of BlackBerry where the user could "add to the customer" so that he would take the name and e-mail address of the sender of email > invoke my app > fill in the fields with the data from the email

    I don't think that what you describe is possible.  You can add a menu item to share e-mail messages from the hub.  Who can partially make you what you are looking for.  This post is an example of it.

    http://supportforums.BlackBerry.com/T5/native-development/invocation-target-for-PIN-message-share-fr...

  • Highlight the item selected in the ListView

    Hello guys,.
    I have a list view and you want to highlight the element select when I click on it, for all clicked items.

    Thank you.

    esam_tec wrote:

    Hello guys,.
    I have a list view and you want to highlight the element select when I click on it, for all clicked items.

    Thank you.

    There are different ways to do

    eg.:

    in your container of ListItem:

    background: ListItem.selected || ListItem.active ? Color.Magenta : Color.Transparent
    

    in your onTriggered of the ListView:

    // select line
                    myListView.select(indexPath, true)
    

    Remember, if your work has been done:

    // clear the selection
                myListView.clearSelection()
    

Maybe you are looking for