Question Re: MVC design pattern for developing BSP Applications in Technology Q&A

MVC design pattern for developing BSP Applications

Former Member — Mon, 23 Aug 2004 11:29:52 GMT

Hello all,

I have just started my exploration in the MVC design pattern of BSP applications.(Beginner)

First let me tell, what my need is : When I run an application, an initial page should be shown with an input field and a button. On clicking the button the value typed in the input field of the first page must be displayed in a new page.

I am trying to do this with MVC design pattern. I know how to do the same if both were to be diplayed on the same page ( A single page with two views ). But I don't know how to do it, if the second view is to be shown on a new page.

Could any of you give me a hint on this.

Thanks and regards.

Loveline.

Re: MVC design pattern for developing BSP Applications

rainer_liebisch — Mon, 23 Aug 2004 11:48:40 GMT

Hi Loveline,

try it with <bsp:goto> element instead of <bsp:call>

Regards,

Rainer

Re: MVC design pattern for developing BSP Applications

rainer_liebisch — Mon, 23 Aug 2004 11:50:27 GMT

Hi Loveline,

please also have a look at

http://help.sap.com/saphelp_erp2004/helpdata/en/3b/39453caff4f703e10000000a114084/frameset.htm

Re: MVC design pattern for developing BSP Applications

Former Member — Mon, 23 Aug 2004 13:06:30 GMT

Hi Rainer,

Thanks for the immediate response. But I haven't meant my requirement.

This is the code written in the layout of my first view

<htmlb:content>

<htmlb:page title="First Page " >

<htmlb:form>

<htmlb:gridLayout columnSize = "2"

rowSize = "1"

cellSpacing = "10"

cellPadding = "10"

style = "TRANSPARENT" >

<htmlb:gridLayoutCell columnIndex = "1"

rowIndex = "1" >

<htmlb:inputField id = "IF1"

size = "10" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell columnIndex = "2"

rowIndex = "1" >

<htmlb:button id = "B1"

text = "Click Me"

onClick = "click" />

</htmlb:gridLayoutCell>

</htmlb:gridLayout>

</htmlb:form>

</htmlb:page>

</htmlb:content>

Now if I place the code <bsp:goto> as shown below

<%@page language="abap" %>

<%@extension name="htmlb" prefix="htmlb" %>

<%@extension name="bsp" prefix="bsp" %>

<htmlb:content>

<htmlb:page title="First Page " >

<htmlb:form>

<htmlb:gridLayout columnSize = "2"

rowSize = "1"

cellSpacing = "10"

cellPadding = "10"

style = "TRANSPARENT" >

<htmlb:gridLayoutCell columnIndex = "1"

rowIndex = "1" >

<htmlb:inputField id = "IF1"

size = "10" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell columnIndex = "2"

rowIndex = "1" >

<htmlb:button id = "B1"

text = "Click Me"

onClick = "click" />

<bsp:goto url = "Second.do" >

</bsp:goto>

</htmlb:gridLayoutCell>

</htmlb:gridLayout>

</htmlb:form>

</htmlb:page>

</htmlb:content>

The first view is not being dislayed (nor the second view).

I don't think the <bsp:goto> will work out.

Once again thanks!

Best Regards,

Loveline.

Re: MVC design pattern for developing BSP Applications

maximilian_schaufler — Mon, 23 Aug 2004 13:45:59 GMT

Hi Thomas,

maybe my suggestion might be too simple, but often these ways are the best ...

Did you try working with the "target"-attribute in the htmlb:form tag?

From what I understood from your posts that should satisfy your needs ...

Use this in the first view:

<htmlb:form target="_blank">

To call another controller, you could place the target controller there as well:

<htmlb:form target="_blank" action="secondController.do">

So, to sum up, small example:

View 1:

<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>

<htmlb:content design="design2003">
  <htmlb:page title = " ">
    <htmlb:form target="_blank" action="test2.do">
      <htmlb:inputField   id            = "test_string"
                          value         = "XXXXXXX"/>
      <htmlb:button       text          = "Press Me"
                          onClick       = "EvtBtnPressme" />
    </htmlb:form>
  </htmlb:page>
</htmlb:content>

Controller 2 - Method DO_REQUEST:

method do_request .

*** Data Defs ***
data: main_view type ref to if_bsp_page.

*** Event Handling
dispatch_input( ).

*** Call Main View
main_view = create_view( view_name = 'test2.htm' ).
main_view->set_attribute(     name = 'test_string'
                             value = me->test_string ).
call_view( main_view ).

endmethod.

Controller 2 - Method DO_HANDLE_DATA:

method do_handle_data .

*** Data Defs ***
  field-symbols: <field> type ihttpnvp.

* Test-String
  read table form_fields with table key
       name = 'test_string' assigning <field>.
  if <field> is assigned.
    me->test_string = <field>-value.
  else.
    clear me->test_string.
  endif.

endmethod.

View 2:

<%@page language="abap"%>
<%@extension name="htmlb" prefix="htmlb"%>

<htmlb:content design="design2003">
  <htmlb:page title = " ">
    <htmlb:form>
      <htmlb:textView     text          = "<%=test_string%>"
                          design        = "EMPHASIZED" />
    </htmlb:form>
  </htmlb:page>
</htmlb:content>

And don't forget to create a page attribute for the second view.

(test_string type string)

I hope I didn't forget anything, and that this was helpful to you.

Max

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 24 Aug 2004 05:09:30 GMT

Hi Max,

Thanks for the hint. I used the attribute action of the htmlb form. I was able to satisfy my need. I have included the code.

Lay out of first view

<%@page language="abap" %>

<%@extension name="htmlb" prefix="htmlb" %>

<%@extension name="bsp" prefix="bsp" %>

<htmlb:content>

<htmlb:page title="First Page " >

<htmlb:form action = "Second.do">

<htmlb:gridLayout columnSize = "2"

rowSize = "1"

cellSpacing = "10"

cellPadding = "10"

style = "TRANSPARENT" >

<htmlb:gridLayoutCell columnIndex = "1"

rowIndex = "1" >

<htmlb:inputField id = "IF1"

size = "10" />

</htmlb:gridLayoutCell>

<htmlb:gridLayoutCell columnIndex = "2"

rowIndex = "1" >

<htmlb:button id = "B1"

text = "Click Me"

onClick = "click" />

</htmlb:gridLayoutCell>

</htmlb:gridLayout>

</htmlb:form>

</htmlb:page>

</htmlb:content>

controller 1

DO_REQUEST Method

METHOD do_request .

DATA : view TYPE REF TO if_bsp_page.

DATA : value(10) TYPE c.

dispatch_input( ).

IF is_navigation_requested( ) IS NOT INITIAL.

RETURN.

ENDIF.

view = create_view( view_name = 'First.htm' ).

call_view( view ).

ENDMETHOD.

Lay out of second view with page attribute value

<%@page language="abap" %>

<%@extension name="htmlb" prefix="htmlb" %>

<htmlb:content>

<htmlb:page title="Second Page " >

<htmlb:form>

<htmlb:textView text = "This is the text entered in the initial page <%= value. %>"

tooltip = "Simple quick info"

encode = "true" />

</htmlb:form>

</htmlb:page>

</htmlb:content>

Controller 2 with attribute value

DO_REQUEST

METHOD do_request .

data : view type ref to if_bsp_page.

value = request->get_form_field( name = 'if1' ).

view = create_view( view_name = 'Second.htm' ).

view->set_attribute( name = 'value' value = value ).

call_view( view ).

ENDMETHOD.

Thanks once again.

Best Regards,

Loveline.

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 24 Aug 2004 05:10:44 GMT

Be sure to mark your problem as solved so others can benefit in the future and thanks for the code sample!!!!

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 24 Aug 2004 05:31:39 GMT

Hello Craig,

I had selected the option soloved. But I don't know why the status hasn't changed to solved ( blue star ). Is there any other way in setting the status of the topic posted ?

Thanks and regards,

Loveline.

Re: MVC design pattern for developing BSP Applications

maximilian_schaufler — Tue, 24 Aug 2004 08:15:16 GMT

Hi Thomas,

if you yourself watch the topic, you will see a yellow star in the header lines of each single post made by others.

Just look for the post that you want to reward with some points, and then click on the according yellow star - there you can choose how many points this post should be awarded (10 for solved problem, 6 for very helpful, and 2 for helpful answer).

I guess the status star for the topic in the forum view will take the highest awarded points color (so far I only have seen grey or blue stars).

Edit: Have a look at these two blogs, they make for some nice reading and contain useful information!

<a href="/people/mark.finnern/blog/2004/08/10/spread-the-love">Spread the Love!</a>

<a href="/people/sap.user72/blog/2005/08/16/have-you-checked-your-stars-lately">Have you checked your stars lately?</a>

Take care,

Max

Message was edited by: Maximilian Moder

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 24 Aug 2004 17:38:10 GMT

You'll need to do as Max said, sometimes just marking it as solved when replying doesn't cover it.

Re: MVC design pattern for developing BSP Applications

Former Member — Wed, 25 Aug 2004 04:35:57 GMT

Yes, I have did it just as Max said.

Thanks to both of you

Best Regards,

Lovelne.

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 12 Oct 2004 09:11:53 GMT

Hello Maximilian,

your solution, or sample code might helps me also,

This is ur sample code for do_request method or controller 2

Method DO_REQUEST:

method do_request .

Data Defs ***

data: main_view type ref to if_bsp_page.

Event Handling

dispatch_input( ).

Call Main View

main_view = create_view( view_name = 'test2.htm' ).

main_view->set_attribute( name = 'test_string'

value = me->test_string ).

call_view( main_view ).

endmethod.

It would be very nice of you, if you pls let me know what is me in value = me->test_string

from where we got this me->, ??

PS: you have used ( me-> ) also in your do_handle_data method of controller 2, ??

Many thanks,

Haider

Message was edited by: Syed Haider

Re: MVC design pattern for developing BSP Applications

maximilian_schaufler — Tue, 12 Oct 2004 09:27:09 GMT

The me always references to the object you are currently in.

So in this example, when me->test_string is used in the method DO_REQUEST of the controller, then this variable used is an attribute of the controller class object.

P.S.: If you have any further question that might not be directly related to the original problem in this thread, then please open another thread for your next question - this will help improve future search results in the forum.

Message was edited by: Maximilian Moder

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 12 Oct 2004 09:59:20 GMT

Hi Maximilian,

so me in ABAP is as this in java,

Many thanks, I will try to do so,

I am facing problem of sending this input feild parameter from view to model via controller,?

It would be nice if you add a model class besides these (view and controller), to move test_string in the model class, ?

It would be very nice of you !

Many thanks,

Haider

Re: MVC design pattern for developing BSP Applications

maximilian_schaufler — Tue, 12 Oct 2004 10:07:03 GMT

I really suggest you open up another thread, as this one is already marked "answered".

In the new thread, please also specify if you want your model class just simple like an application class or if you want to use data binding as well.

Re: MVC design pattern for developing BSP Applications

Former Member — Tue, 12 Oct 2004 10:20:08 GMT

Hi Maximilian,

Thanks, for ur suggestions, but I have already started a thread. here, with name "parameter passing + MVC"

But I though if you write a code for model class also in the same thread, it would be complete example as you have given sample code of view and controller,

I just want to have a simple model class, which has a method which recives the user input, as a parameter, Actually I wana call the BAPI in model class,

Many thanks,

your help would be appriciated, as you like in this thread or my thread with entitle "parameter passing + MVC"

Haider