How to embed views dynamically in a view container ?

Hi ,
Can you please guide me how to embed a view dynamically in a view container ?
Thanks & Regards
Gaurav Jain

Hello,
Please read this [/people/rajagopal.vemuri/blog/2006/09/19/web-dynpro-for-abap-creating-dynamic-ui-elements-and-context-step-by-step].
Regards.

Similar Messages

How to embed images dynamically?

HI all , I'm new to flex.
Here is what I've already done, I use
[Bindable]
[Embed(source="images/xxx.jpg")]
private var img:Class;
to embed several images in an application.
But the source of these images can not be determined until the run time, I got image's url dynamically, and used some variables to store them. For example, an url may refers to an url
var url:String = "images/xxx.jpg";
Then I think it's possible to give its value to an image source by using
[Bindable]
[Embed(source=url)]
private var img:Class;
However,it doesn't work. there is a compile error, the description is:
"url" does not have a recognized extension, and a mime type was not provided
Unable to transcode url
So what's the problem here, and could any one give me some advice to embed images dynamically?
Thanks!

HI
I don't think you can embed an image dynamically as you need to know the path of the image when you use the embed tag. The embedding takes place at compile time, and you app would need to be compiled into a swf before your code loads.
If you need dynamc images in an application then its usually done by loading them when the app is running. You do this by using for example a HTTP service to load in the image paths. You can then view them by assigning them to an image tag through Actionscript.
I hope that helps and I got the idea of what you were trying to do.
Heres a quick example I used for someone else on swapping images from an arrayCollection. You could do something like this and populate the arrayCollection using a HTTP service. Or just access the xml from the HTTP directly for the image paths
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" initialize="init()" xmlns:local="*">
     <mx:Script>
          <![CDATA[
          import mx.controls.Button;
          import mx.collections.ArrayCollection;
[Bindable]
private var ac:ArrayCollection = new ArrayCollection([
{imageTitle : 'Car 1', imageUrl : 'http://www.geekologie.com/2007/12/07/future-car-1.jpg'},
{imageTitle : 'Car 2', imageUrl :'http://www.speedace.info/solar_cars/solar_car_images/Solar_Wing_front_Japanese_e lectric_powered_car.jpg'},
{imageTitle : 'Car 3', imageUrl : 'http://www.dezeen.com/wp-content/uploads/2008/09/gem-peapod-car-by-chrysler-llc- et008_027evsqu.jpg'}
private function showCar(num:int):void {
img.source = ac.getItemAt(num).imageUrl;
imgTitle.text = ac.getItemAt(num).imageTitle;
]]>
     </mx:Script>
     <mx:Image id="img" source="{ac.getItemAt(0).imageUrl}" width="426" height="243"/>
     <mx:Label id="imgTitle" text="{ac.getItemAt(0).imageTitle}"/>
     <mx:Button label="Button" click="showCar(0)"/>
     <mx:Button label="Button" click="showCar(1)"/>
     <mx:Button label="Button" click="showCar(2)"/>
</mx:Application>
Good luck
Andrew

How can we assignthe dynamic view?

Hi All,
I have 10 viwes in my component .Based on the action in the 1st view ,i need to assign respective view to viewcontainer of 1st view.
How can i assign the dynamic view to the viewcontainer?
Regards,
Ravi.

Hi Bhargava,
Check the below Article where Abhimanyu has explained in detail about How to embed views dynamically.
https://www.sdn.sap.com/irj/servlet/prt/portal/prtroot/com.sap.km.cm.docs/library/user-interface-technology/wd%20abap/creating%20navigations%20and%20embedding%20views%20at%20runtime%20-%20web%20dynpro%20abap.pdf

How to create a webdynpro view dynamically and embed into view container?

Hi all,
Anyone knows how to create a view dynamically and embed the view into an existing view container?
My layout looks like this:
I have an existing view named main_view.
Inside main_view, I create a view ui container named vcu_view.
I embed the main_view into my window.
I need the codes to create a view dynamically and embed the view into the view container. Anyone have any idea?
Thanks in advance.
Rgds,
Siong Chao

hi Siong Chao ,,
empty view insence ..( create a view without any UI element in it ) in design time ..
>
Siong Chao wrote:
> Hi Chinnaiya,
>
> How do you create an empty view dynamically then? Thanks in advance.
i think we cannot create a new view dynamically because it is a webdynpro restriction ..
NOTE: experts correct me if i am wrong in this answer
Regards
Chinnaiya P

Dynamic create Component usage and embed it in view container

There is a view_container_uielement VC_TEST in view V_MAIN, in wd component ZTEST.
I created a web dynpro component named ZWDR_TEST and add it into the wd component ZTEST.
    gr_comp_test = component->create_cmp_usage_group(
      name = 'TEST_GROUP'
      used_component = 'ZWDR_TEST' ).
    lr_comp_usage = me->gr_comp_test->add_component_usage(
      embedding_position = 'V_MAIN/VC_TEST'
      name = 'TEST'
      used_component = 'ZWDR_TEST' ).
    if lr_comp_usage->has_active_component( ) is initial.
      lr_comp_usage->create_component( component_name = 'ZWDR_TEST' ).
    endif.
    ifc_test ?= lr_comp_usage->get_interface_controller( ).
I thought the wdr ZWDR_TEST was embeded in the view V_MAIN in the position VC_TEST by the embedding_position parameter.
But in the result web page, there is no ZWDR_TEST in the position of VC_TEST.
Could any one explain why?
Thanks

Hi,
for dynamic comp usage.. check this..
http://help.sap.com/saphelp_nw70/helpdata/en/bc/191a427ff6db2ce10000000a1550b0/frameset.htm
Dynamic Component Usage
embed view
Dynamic View embed
How to create a webdynpro view dynamically and embed into view container?
Cheers,
Kris.

Dynamically embed View into View Container UI Element

Hi all,
I'm searching for a possibility to embed a view into a dynamically created View container element.
I want to do this out of another view, where a tabstrip is contained. So I have a button on this view for generation of a new tab with an view container element in it. Now I got to the point where I have to set the view to this container within the tab strip.
I read several blogs and articles, where this is done via the window manager within an method of the window, but non how to do this within a view.
Any ideas?
Thanks
Olli

HI,
that's nit what I wanted. What I want to do is a kind of table maintenance. There is a button under the tabstrip for creating a new row. If the user klicks on that button a new tab should be created for the new row. Therefore the view on the tabs are always the same.
I have created the tabstrib. dynamically add a tab to this strip on button press is no problem. Also a ViewContainerElement is created. But now I have to set the statically created view for the row maintenance into the container.
Thanks
Ragards
Olli

Dynamically embed View in ViewContainerUIElement

Hi all,
Iam trying to create a ViewContainerUI element at runtime and want to add an existing view to the ViewContainer dynamically.
Please let me know how can I embed a view dynamically in a view container.
Component Controller :
//Dynamic view container
final IWDWindowInfo myWindow = wdComponentAPI.getComponentInfo().findInWindows("DemoWin");
final IWDViewUsageInfo vuiMain = myWindow.getViewUsageByID("DemoView");
final IWDViewContainerAssignmentInfo vcaiMainArea = vuiMain.createViewContainerAssignment();
final IWDViewInfo viMain= (IWDViewInfo)vuiMain.getView();
final IWDViewContainerInfo vciViewContainer = viMain.createViewContainer();
/* Transfer the name to view controller to setup UI element */
wdContext.currentContextElement().setViewId( vciViewContainer.getName() );
vcaiMainArea.setViewContainer( vciViewContainer );
In the DemoView :
IWDViewContainerUIElement theViewContainer = (IWDViewContainerUIElement) view.createElement(IWDViewContainerUIElement.class, fld.getFieldID());
theViewContainer.createLayoutData(IWDMatrixHeadData.class);
theViewContainer.setViewContainer(wdContext.currentContextElement().getViewId());
theGroup.addChild(theViewContainer);
This is working fine. I am not getting exceptions.
But a empty container is added to the view. Instead I want to add a existing view into viewcontainer dynamically.
Please help me......Thanks in advance.

Try this..........
//Dynamic view container
final IWDWindowInfo myWindow = wdComponentAPI.getComponentInfo().findInWindows("MyWin");
final IWDViewUsageInfo vuiMain   = myWindow.getViewUsageByID("MainView");
final IWDViewContainerAssignmentInfo vcaiMainArea = vuiMain.createViewContainerAssignment();
            final IWDViewInfo viMain= (IWDViewInfo)vuiMain.getView();
           final IWDViewContainerInfo vciViewContainer     = viMain.createViewContainer();
           /* Transfer the name to view controller to setup UI element */
            vcaiMainArea.setViewContainer( vciViewContainer );
//EMbed View dynamically in the View Container //
final IWDViewUsageInfo vuiInner = vcaiMainArea.createEmbeddedViewUsage();
      final IWDViewUsageInfo   myViewMain   = myWindow.getViewUsageByID("MyView");
      final IWDViewInfo myView= (IWDViewInfo)myViewMain .getView();
      myViewMain.setView( myView);
/* Mark view usage as default */
vcaiMainArea.setDefaultViewUsage( vuiInner );
Let me know if it works.........

Dynamically Embed View in ViewContainer

Hi all,
Iam trying to create a ViewContainerUI element at runtime and want to add an existing view to the ViewContainer dynamically.
Please let me know how can I embed a view dynamically in a view container.
Component Controller :
//Dynamic view container
final IWDWindowInfo         myWindow = wdComponentAPI.getComponentInfo().findInWindows("DemoWin");
final IWDViewUsageInfo      vuiMain   = myWindow.getViewUsageByID("DemoView");
final IWDViewContainerAssignmentInfo vcaiMainArea = vuiMain.createViewContainerAssignment();
final IWDViewInfo viMain= (IWDViewInfo)vuiMain.getView();
final IWDViewContainerInfo vciViewContainer     = viMain.createViewContainer();
/* Transfer the name to view controller to setup UI element */
wdContext.currentContextElement().setViewId( vciViewContainer.getName() );
vcaiMainArea.setViewContainer( vciViewContainer );
In the DemoView :
                         IWDViewContainerUIElement theViewContainer = (IWDViewContainerUIElement) view.createElement(IWDViewContainerUIElement.class, fld.getFieldID());
                         theViewContainer.setViewContainer("TableView");
                                   theViewContainer.createLayoutData(IWDMatrixHeadData.class);
                                   theViewContainer.setViewContainer(wdContext.currentContextElement().getViewId());
                                        theGroup.addChild(theViewContainer);
This is working fine. I am not getting exceptions.
But a empty container is added to the view. Instead I want to add a existing view into DEMOVIew view container.
Please help me......Thanks in advance.

Try this..........
//Dynamic view container
final IWDWindowInfo myWindow = wdComponentAPI.getComponentInfo().findInWindows("MyWin");
final IWDViewUsageInfo vuiMain   = myWindow.getViewUsageByID("MainView");
final IWDViewContainerAssignmentInfo vcaiMainArea = vuiMain.createViewContainerAssignment();
            final IWDViewInfo viMain= (IWDViewInfo)vuiMain.getView();
           final IWDViewContainerInfo vciViewContainer     = viMain.createViewContainer();
           /* Transfer the name to view controller to setup UI element */
            vcaiMainArea.setViewContainer( vciViewContainer );
//EMbed View dynamically in the View Container //
final IWDViewUsageInfo vuiInner = vcaiMainArea.createEmbeddedViewUsage();
      final IWDViewUsageInfo   myViewMain   = myWindow.getViewUsageByID("MyView");
      final IWDViewInfo myView= (IWDViewInfo)myViewMain .getView();
      myViewMain.setView( myView);
/* Mark view usage as default */
vcaiMainArea.setDefaultViewUsage( vuiInner );
Let me know if it works.........

How to embed JavaScript in a DynPro View?

Hello,
I hava a standard DynPro application.
I would like to add a link UI which by pressing it will activate a JavaScript function. Can someone please show me how to do it and ingeneral how to embed JavaScpript in a DynPro View?

This (protocol javascript:) probably works in current releases but in future releases it will be disabled by default for security reasons.
The set of allowed URL protocols will then be configurable in the J2EE server.
Armin
Message was edited by: Armin Reichert

Embed view in view container dynamically

Hello Experts,
I have links in my web dynpro ABAP view, when user clicks on a link I need to show another view in view container. For example I have two links in my view and when user clicks on link1 I need to show VIEW1 to the user in the view container UI element, if user clicks on link2 I need to show VIEW2. I have written the below code in Link action method. But it is not working. Any one can help in this?
DATA : lo_window_controller TYPE REF TO if_wd_window_controller.
DATA : lo_view_controller TYPE REF TO if_wd_view_controller.
DATA : lo_window_rr TYPE REF TO if_wd_rr_window.
lo_view_controller   = wd_this->wd_get_api( ).
lo_window_controller = lo_view_controller->get_embedding_window_ctlr( ).
lo_window_rr         = lo_window_controller->get_window_info( ).
Embedding view
lo_window_rr->embed_view( used_view_name     = 'V_EMP_TERMINATION'
                            embedding_position = 'V_ACTION/VCU_CONTAINER'
                            used_component_name = 'ZHR_MSS_APPL' ).
with best regards
K. Mohan Reddy

Hi mohan ,
You written the code for embedding the view . then you have to creat the navigation link then only you can do navigation
Look at the sample code for creating the navigation link dynamically
DATA lo_navi_services TYPE REF TO if_wd_navigation_services_new.
DATA lo_api_v_main_wf TYPE REF TO if_wd_view_controller.
DATA lo_navi_services TYPE REF TO if_wd_navigation_services_new.
DATA lo_view_usage TYPE REF TO if_wd_rr_view_usage.
DATA lo_window TYPE REF TO if_wd_rr_window.
lo_api_v_main_wf = wd_this->wd_get_api( ).
lo_navi_services ?= lo_api_v_main_wf.
lo_view_usage = lo_api_v_main_wf->get_view_usage( ).
lo_window = lo_view_usage->get_window( ).
CONSTANTS lc_target TYPE string VALUE 'VIEW_MAIN_WF/VC_WF'. "viewname /view vontainer name
*Write the code for getting the view name here
if view_name is not initial
   TRY.
     lv_window_name = lo_window->get_name( ).
     wd_comp_controller->fire_unactivate_all_pro_event( ).
        wd_this->m_navi_repository_handle = lo_navi_services->do_dynamic_navigation(
            source_window_name        = 'lv_window_name'
            source_vusage_name        = lo_view_usage->name
            source_plug_name          = 'source_out_plug'
         plug_parameters           = lv_plug_parameter
            target_view_name          = lv_view_name
            target_plug_name          = 'FROM_Plug'
         target_embedding_position = lc_target )."lv_target ).
      CATCH cx_wd_runtime_repository INTO lr_error.
    ENDTRY.
hope thisl piece of code is help full
regards
chinnaiya

How to make view disable dynamically

Hi experts,
i want to view disable dynamically for this i am not using any view container,can you please suggest me.
Thanks in Advance,
Edited by: Lavanya YH1504 on Sep 13, 2010 7:21 AM

Hi,
i want to disable the view at the time of display based on some condition ,for this i didn't use any view container it is simple view for this where i want to write the code (is in wd_init),can u suggest me with some sample code.
thanks in advance,

Problem with embeding the same view in dynamically created view container

Hello Experts,
              I am getiing a dump when i try to embed the same view inside the dynamically created view container of
dynamically created tabs of a tabstrip
The requirement go like this, i have 2 views in which i have have to embed the 2nd view to view1 where i have an empty
tabstrip without tabs. During runtime i create tabs as well as view containers accordingly and then try to embed view2 in tabs.
I have put the below mentioned code in HANDLEIN,
DATA: lref_vcntlr TYPE REF TO if_wd_view_controller,
        lref_comp    TYPE REF TO if_wd_component_usage,
        lv_embed_pos TYPE string.
lref_vcntlr = wd_this->wd_get_api( ).
lv_embed_pos = 'FILE_PERS_EDIT/VC_GENERAL'.
TRY.
      CALL METHOD lref_vcntlr->do_dynamic_navigation
        EXPORTING
          source_window_name        = 'FILE_PERSISTENCE_WND'          " Window
          source_vusage_name        = 'FILE_PERS_EDIT_USAGE_1'       " Source View usage
          source_plug_name          = 'TO_EDIT_LAYOUT'                       " Outbound plug
          target_view_name          = 'PERS_EDIT_LAYOUT'                  " Second view to be embedded
          target_plug_name          = 'IN'                                                  " Second view inboun plug
          target_embedding_position = lv_embed_pos
        RECEIVING
          component_usage           = lref_comp.
    CATCH cx_wd_runtime_repository .
ENDTRY.
wd_this->fire_to_edit_layout_plg( ).
This works fine for the first time.
However onaction tab select i change the embeding position( 'FILE_PERS_EDIT/view container name of different tab') of the view2 an try to embed view2 in a different tab.
At this point i get a dump stating View2 already present in the window 'FILE_PERSISTENCE_WND' of component.
I think, the view2 embediing has to be removed before i add the view2 in a different tab
Kindly let me know how to remove view2 embedding from tab1 before i add a view2 to a different tab or is there any other
means to handle this problem?
Thanks & Best Regards,
Srini.

Hello Srini,
I found a solution to your problem, because I had a similar task.
In WDDOINIT I changed the method do_dynamic_navigation to if_wd_navigation_services_new~prepare_dynamic_navigation:
DATA:
    l_view_controller_api TYPE REF TO if_wd_view_controller.
l_view_controller_api = wd_this->wd_get_api( ).
TRY.
      CALL METHOD l_view_controller_api->if_wd_navigation_services_new~prepare_dynamic_navigation
        EXPORTING
          source_window_name        = 'WDW_MAIN'
          source_vusage_name        = 'VW_SUB_USAGE_1'
          source_plug_name          = 'TO_VW_CONTENT'
          target_component_name     = 'ZTEST_DYNAMIC'
          target_view_name          = 'VW_CONTENT'
          target_plug_name          = 'DEFAULT'
          target_embedding_position = 'VW_MAIN/VC_TAB.VW_SUB/TAB1_VC'
        RECEIVING
          repository_handle         = wd_this->g_rep_handle.
    CATCH cx_wd_runtime_repository .
ENDTRY.
wd_this->fire_to_vw_content_plg( param1 = 'TAB1' ).
In the action I first deleted the navigation targets, then navigated to the empty-view and last I called my target view:
DATA:
    lv_position           TYPE string,
    l_view_controller_api TYPE REF TO if_wd_view_controller,
    lr_view_usage         TYPE REF TO if_wd_rr_view_usage,
    lr_view_***_t         TYPE wdrr_vca_objects,
    lr_view_***           LIKE LINE OF lr_view_***_t.
l_view_controller_api = wd_this->wd_get_api( ).
lr_view_usage = wd_this->g_view->get_view_usage( ).
lr_view_usage->delete_all_navigation_targets( plug_name = 'TO_VW_CONTENT' ).
CLEAR lv_position.
CONCATENATE 'VW_MAIN/VC_TAB.VW_SUB/' old_tab '_VC' INTO lv_position.
TRY.
      l_view_controller_api->if_wd_navigation_services_new~do_dynamic_navigation(
      source_window_name = 'WDW_MAIN'
      source_vusage_name = 'VW_SUB_USAGE_1'
      source_plug_name   = 'TO_EMPTYVIEW'
      target_component_name = 'ZTEST_DYNAMIC'
      target_view_name   = 'EMPTYVIEW'
      target_plug_name   = 'DEFAULT'
      target_embedding_position = lv_position ).
    CATCH cx_wd_runtime_repository.
ENDTRY.
CLEAR lv_position.
CONCATENATE 'VW_MAIN/VC_TAB.VW_SUB/' tab '_VC' INTO lv_position.
TRY.
      wd_this->g_rep_handle = l_view_controller_api->if_wd_navigation_services_new~prepare_dynamic_navigation(
        source_window_name = 'WDW_MAIN'
        source_vusage_name = 'VW_SUB_USAGE_1'
        source_plug_name   = 'TO_VW_CONTENT'
        target_component_name = 'ZTEST_DYNAMIC'
        target_view_name   = 'VW_CONTENT'
        target_plug_name   = 'DEFAULT'
        target_embedding_position = lv_position ).
    CATCH cx_wd_runtime_repository.
ENDTRY.
wd_this->fire_to_vw_content_plg( param1 = tab ).
Ann.: I my example, I had 3 views: VW_MAIN which embedds VW_SUB. VW_SUB has the tabs in it and VW_SUB embedds VW_CONTENT.
BR,
Roland

Embeding ALV table in dynamically created view container UI element

Hi ,
I created a view container UI element dynamically .that is working fine . I am using standard ALV component . Now i want to embed ALV table in View container UI element dynamically > please help me in this .
Thanks in advance ,
Vijay vorsu

Hi,
I am not sure how to do add an ALV table dynamically but you can have a look at this blog which talks about creating and adding a TABLE ui element dynamically. And TABLE UI element may solve your problem.
http://mamma1360.blog.163.com/blog/static/314740992008127115551165/
Thanks,
Abhishek

View Container UI element in a table popin dynamically

Hello people,
I create a WD Table dynamically using the runtime class. I also create the table popin and then I set it in the table using the method SET_POPIN from the runtime class.
Now my requirement is that I should be able to add the 'View Container UI Element' into this popin so that I can embed any other views into this VC UI E. I cannot find a way in which I can achieve this. I am able to do it statically but not dynamically.
Even though it is suggested that such a design would lead to performance issues, but I have to achieve this.
Regards
Rohan

Hi Anita,
you cannot set metadata at element level of a node. When you set the metadata ( example mime type or file name ) for a particular element in the node , it changes for all the element. So you are always getting the file for the last row. ( most recent set metadata ).
Try using the inteface IWDCachedWebResource for file download.
For each row add a button, and associate an action "DownloadFile" for it. Use the following "onAction" for the said action.
public void onActionDownloadFile(com.sap.tc.webdynpro.progmodel.api.IWDCustomEvent wdEvent )
    //@@begin onActionDownloadFile(ServerEvent)
    int selectedIndex = wdContext.nodeFileTab().getLeadSelection();
    IPrivateView_pdfView.IFileTabElement file = wdContext.nodeFileTab().getFileTabElementAt(selectedIndex);
    try {
     IWDCachedWebResource webResource = WDWebResource.getWebResource(
          this.
          getByteArrayFromResourcePath("/sapmnt/PCD/global/config/cm/etc/pdf/"+
          wdContext.nodeFileTab().getFileTabElementAt().getFilename(selectedIndex),
          WDWebResourceType.PDF);
     wdComponentAPI.getWindowManager().createExternalWindow(webResource.getURL(),"Download File",true).open();
   catch(Exception e) {
     // take some action
     wdComponentAPI.getMessageManager().reportException(e.toString(),true);
    //@@end
Hope you get a solution.
Regards
KK.

ALV not appear in a embed view

Hi Gurus,
Initialy I have two differents views:The first one with some fields and a filter button and the second one with an ALV list and buttons.
The requirement is join the two view in one. I create in the first one view a ViewcontainerUIElement that embed view2(with ALV list). The problem is when I test the view1 appear all buttons of view2 but without ALV list.
Is a restriction of viewcontainer that don't appear alv component in embed view, or I do anything wrong?
A lot of thanks,
Jordi

Hi,
Is the ALV table displayed with no data OR the ALV itself is not displayed?
If alv table is not at all displayed, Check if you have embedded the view TABLE of component SALV_WD_TABLE into the viewcontainer of View 1.
If you are getting empty ALV table, check if the node is populated correclty.
Still if you face the issue, let us know exactly how you are implementing(details about window, view and viewcontainers used ).
Regards,
Srilatha

How to embed views dynamically in a view container ?

Similar Messages

Maybe you are looking for