[ovirt-devel] popup dialog
Vojtech Szocs
vszocs at redhat.com
Fri Aug 15 12:13:01 UTC 2014
----- Original Message -----
> From: "Leaboy" <wlbleaboy at 126.com>
> To: "Vojtech Szocs" <vszocs at redhat.com>
> Cc: devel at ovirt.org
> Sent: Friday, August 15, 2014 9:31:34 AM
> Subject: Re: [ovirt-devel] popup dialog
>
> which type does result.getReturnValue() got,
public void executed(FrontendActionAsyncResult result) { ... }
result.getReturnValue() returns VdcReturnValueBase
result.getReturnValue().getActionReturnValue() returns
the result of backend command ("action") execution
For example, your backend command does this:
getReturnValue().setActionReturnValue(obj);
Then "obj" is what you get on frontend with:
result.getReturnValue().getActionReturnValue();
>
> And how could I set it in the backend.
>
> 在 8/14/14, 21:57， "Vojtech Szocs" <vszocs at redhat.com> 写入:
>
> >
> >
> >----- Original Message -----
> >> From: "Leaboy" <wlbleaboy at 126.com>
> >> To: "Vojtech Szocs" <vszocs at redhat.com>
> >> Cc: devel at ovirt.org
> >> Sent: Thursday, August 14, 2014 2:12:37 PM
> >> Subject: Re: [ovirt-devel] popup dialog
> >>
> >> Hi:
> >> you said that ,I have done, and the dialog
> >> Can display, and I can pass a parameter from dialog
> >> To the backend executeCommand().
> >>
> >> Now the question is, after executeCommand(),
> >> Hou could I get the return value in the frontend.
> >>
> >> For example, when I clicked backup button,
> >> A dialog is display, now I type some parameters into
> >> The dialog, click OK button, the backend executeCommand()
> >> Do something, now, I need some value from executeCommand()
> >> to frontend.
> >
> >Sorry, I missed that your question was about executing backend
> >command (I thought you referred to Model.executeCommand) ...
> >
> >Backup dialog's OK button is represented by:
> >
> > UICommand tempVar = new UICommand("OnBackup", this);
> >
> >When user clicks OK button, that ^^ UICommand is executed.
> >Model's executeCommand should route flow to some onBackup()
> >method, I assume you already did this:
> >
> > // inside TemplateListModel#executeCommand
> > ...
> > else if ("OnBackup".equals(command.getName())) {
> > onBackup();
> > }
> > ...
> >
> > // inside TemplateListModel
> > private void onBackup() {
> > TemplateBackupModel windowModel = (TemplateBackupModel) getWindow();
> >
> > // do nothing if windowModel is already doing something -or- if
> > // windowModel validation failed (i.e. bad/missing user input)
> > if (windowModel.getProgress() != null || !windowModel.validate()) {
> > return;
> > }
> >
> > // this replaces dialog content UI with "progress" animated image
> > // to indicate that a call to backend is about to be initiated
> > windowModel.startProgress(null);
> >
> > // on backend, assume you have TemplateBackupCommand that works
> > // with parameter type TemplateBackupParameters
> > TemplateBackupParameters params = new TemplateBackupParameters();
> > // update params according to window model
> > params.setFoo(windowModel.getFoo().getEntity());
> >
> > // this is the async callback executed when backend command
> > // (TemplateBackupCommand in our case) has done its job
> > IFrontendActionAsyncCallback callback = new
> >IFrontendActionAsyncCallback() {
> > @Override
> > public void executed(FrontendActionAsyncResult result) {
> > TemplateListModel listModel = (TemplateListModel)
> >result.getState();
> > listModel.postOnBackup(result.getReturnValue());
> > }
> > };
> >
> > // call backend
> > Frontend.getInstance().runAction(
> > VdcActionType.TemplateBackup, params, callback, this);
> > }
> >
> > // still inside TemplateListModel
> > private void postOnBackup(VdcReturnValueBase returnValue) {
> > // at this point, backend has replied with returnValue,
> > // we can remove "progress" animated image in dialog
> > getWindow().stopProgress();
> >
> > // if the backend operation was successful, close the
> > // dialog (otherwise the dialog will remain open)
> > if (returnValue != null && returnValue.getSucceeded()) {
> > setWindow(null);
> > }
> > }
> >
> >Regards,
> >Vojtech
> >
> >
> >>
> >>
> >> 在 8/14/14, 19:48， "Vojtech Szocs" <vszocs at redhat.com> 写入:
> >>
> >> >
> >> >
> >> >----- Original Message -----
> >> >> From: "Leaboy" <wlbleaboy at 126.com>
> >> >> To: "Vojtech Szocs" <vszocs at redhat.com>
> >> >> Cc: devel at ovirt.org
> >> >> Sent: Thursday, August 14, 2014 6:19:17 AM
> >> >> Subject: Re: [ovirt-devel] popup dialog
> >> >>
> >> >> Hi,Vojtech Szocs:
> >> >> Thanks for your help, I have let it work,
> >> >>
> >> >> The Error I got just because I miss the step 3 you noted.
> >> >>
> >> >> Another question is how could I got the returnValue after
> >> >> executeCommand , and let the returnValue display on the oher
> >> >> Popup dialog.
> >> >
> >> >Please add this into MainTabTemplateView:
> >> >
> >> > ...
> >> > getTable().addActionButton(new
> >> >WebAdminButtonDefinition<VmTemplate>(constants.templateBackup()) {
> >> > @Override
> >> > protected UICommand resolveCommand() {
> >> > return getMainModel().getTemplateBackupCommand();
> >> > }
> >> > });
> >> > ...
> >> >
> >> >This adds a button under "Template" main tab. When clicked, it executes
> >> >given command (getTemplateBackupCommand) on model (TemplateListModel).
> >> >
> >> >Model's executeCommand() ensures that backup() method is called. Inside
> >> >backup() method, you call setWindow(model) which triggers an event - UI
> >> >infra handles this event and uses "getModelPopup" (see TemplateModule)
> >> >to resolve "window model" to GWTP PresenterWidget which is then
> >>revealed
> >> >as popup. This is how dialogs work in UiCommon / UI (GWTP) infra.
> >> >
> >> >> how could I got the returnValue after executeCommand
> >> >
> >> >As I wrote above, executeCommand() just calls appropriate method (like
> >> >backup) on the list model. That method has no return value (void) since
> >> >it uses setWindow(model) to trigger event to notify UI infra to reveal
> >> >a dialog.
> >> >
> >> >If you need to pass data to dialog, for example:
> >> >
> >> > ...
> >> > TemplateBackupModel model = new TemplateBackupModel();
> >> > setWindow(model);
> >> > ... set window model's title, help tag, hash name ...
> >> > model.setSomeData(abc);
> >> > model.doSomething();
> >> > ...
> >> >
> >> >In other words, after you call setWindow(model) you can modify state
> >> >of window model (TemplateBackupModel) which can be reflected into UI
> >> >(TemplateBackupPopupView) by use of editor widgets.
> >> >
> >> >As for binding window model's (TemplateBackupModel) attributes to UI
> >> >(TemplateBackupPopupView) fields:
> >> >
> >> > // inside TemplateBackupModel
> >> > private EntityModel<String> foo;
> >> > public EntityModel<String> getFoo() {
> >> > return foo;
> >> > }
> >> > public void setFoo(EntityModel<String> value) {
> >> > foo = value;
> >> > }
> >> >
> >> > // inside TemplateBackupPopupView
> >> > @UiField
> >> > @Path(value = "foo.entity")
> >> > StringEntityModelTextBoxEditor fooEditor;
> >> >
> >> >Please see DataCenterPopupView.java & DataCenterPopupView.ui.xml
> >> >(simple dialog view as example) for details.
> >> >
> >> >Regards,
> >> >Vojtech
> >> >
> >> >>
> >> >>
> >> >> 在 8/14/14, 0:07， "Vojtech Szocs" <vszocs at redhat.com> 写入:
> >> >>
> >> >> >Hi,
> >> >> >
> >> >> >forgot to mention, one more thing needs to be done:
> >> >> >
> >> >> > // in PresenterModule
> >> >> > bindPresenterWidget(TemplateBackupPopupPresenterWidget.class,
> >> >> > TemplateBackupPopupPresenterWidget.ViewDef.class,
> >> >> > TemplateBackupPopupView.class);
> >> >> >
> >> >> >(Above binds popup PresenterWidget/View within GIN DI context.)
> >> >> >
> >> >> >Regards,
> >> >> >Vojtech
> >> >> >
> >> >> >
> >> >> >----- Original Message -----
> >> >> >> From: "Vojtech Szocs" <vszocs at redhat.com>
> >> >> >> To: "力波 王" <wlbleaboy at 126.com>
> >> >> >> Cc: devel at ovirt.org
> >> >> >> Sent: Wednesday, August 13, 2014 6:00:08 PM
> >> >> >> Subject: Re: [ovirt-devel] popup dialog
> >> >> >>
> >> >> >> Hi,
> >> >> >>
> >> >> >> in order to add new dialog, follow these steps:
> >> >> >>
> >> >> >> 1, create UiCommon model for the dialog, I see you already did
> >>this
> >> >> >> (TemplateBackupModel) - however from your code I don't
> >>understand
> >> >> >> why is there an unused "_asyncQuery" inside model constructor
> >> >> >>
> >> >> >> 2, modify existing list model to trigger your new dialog, I see
> >>you
> >> >> >> also did this (second code snippet), I assume you put that code
> >> >> >> inside TemplateListModel:
> >> >> >>
> >> >> >> // inside TemplateListModel#backup - this method should be
> >>private
> >> >> >> // since UI code executes this method via associated UICommand
> >> >> >> ...
> >> >> >> TemplateBackupModel model = new TemplateBackupModel();
> >> >> >> setWindow(model);
> >> >> >>
> >> >>
> >>
> >>>>>>model.setTitle(ConstantsManager.getInstance().getConstants().template
> >>>>>>Ba
> >> >>>>ck
> >> >> >>upTitle());
> >> >> >> model.setHelpTag(HelpTag.template_backup);
> >> >> >> model.setHashName("template_backup");//$NON-NLS-1$
> >> >> >> ...
> >> >> >>
> >> >> >> now, expose UICommand that triggers your dialog like this:
> >> >> >>
> >> >> >> public UICommand getTemplateBackupCommand() {
> >> >> >> return privateTemplateBackupCommand;
> >> >> >> }
> >> >> >>
> >> >> >> private void setTemplateBackupCommand(UICommand value) {
> >> >> >> privateExportCommand = value;
> >> >> >> }
> >> >> >>
> >> >> >> // inside TemplateListModel constructor
> >> >> >> ...
> >> >> >> setTemplateBackupCommand(new UICommand("TemplateBackup", this));
> >> >> >> //$NON-NLS-1$
> >> >> >> ...
> >> >> >>
> >> >> >> // inside TemplateListModel#executeCommand
> >> >> >> ...
> >> >> >> else if (command == getTemplateBackupCommand()) {
> >> >> >> backup();
> >> >> >> }
> >> >> >> ...
> >> >> >>
> >> >> >> 3, tell UI (GWTP) infra how to handle your dialog model - in this
> >> >> >> particular case, edit TemplateModule#getTemplateListProvider:
> >> >> >>
> >> >> >> ...
> >> >> >> if (lastExecutedCommand == model.getEditCommand()) {
> >> >> >> return popupProvider.get();
> >> >> >> } else if (lastExecutedCommand ==
> >>getModel().getExportCommand()) {
> >> >> >> return exportPopupProvider.get();
> >> >> >> } else if (lastExecutedCommand ==
> >> >> >>getModel().getTemplateBackupCommand()) {
> >> >> >> return templateBackupProvider.get();
> >> >> >> } else {
> >> >> >> return super.getModelPopup(source, lastExecutedCommand,
> >> >> >>windowModel);
> >> >> >> }
> >> >> >> ...
> >> >> >>
> >> >> >> now, add parameter to TemplateModule#getTemplateListProvider:
> >> >> >>
> >> >> >> @Provides
> >> >> >> @Singleton
> >> >> >> public MainModelProvider<VmTemplate, TemplateListModel>
> >> >> >> getTemplateListProvider(
> >> >> >> ...
> >> >> >> final Provider<TemplateBackupPopupPresenterWidget>
> >> >> >> templateBackupPopupProvider) {
> >> >> >> ...
> >> >> >>
> >> >> >> 4, create PresenterWidget & View for your dialog, this is the
> >>visual
> >> >> >> part of the dialog (dialog model just encapsulates the dialog
> >> >>logic)
> >> >> >>
> >> >> >> public class TemplateBackupPopupPresenterWidget extends
> >> >> >> AbstractModelBoundPopupPresenterWidget<TemplateBackupModel,
> >> >> >> TemplateBackupPopupPresenterWidget.ViewDef> {
> >> >> >>
> >> >> >> public interface ViewDef extends
> >> >> >>
> >> >>AbstractModelBoundPopupPresenterWidget.ViewDef<TemplateBackupModel>
> >> >> >>{
> >> >> >> }
> >> >> >>
> >> >> >> @Inject
> >> >> >> public TemplateBackupPopupPresenterWidget(EventBus eventBus,
> >> >>ViewDef
> >> >> >> view) {
> >> >> >> super(eventBus, view);
> >> >> >> }
> >> >> >>
> >> >> >> }
> >> >> >>
> >> >> >> ---
> >> >> >>
> >> >> >> public class TemplateBackupPopupView extends
> >> >> >> AbstractModelBoundPopupView<TemplateBackupModel> implements
> >> >> >> TemplateBackupPopupPresenterWidget.ViewDef {
> >> >> >>
> >> >> >> // you can get some inspiration from VmExportPopupView
> >> >> >>
> >> >> >> }
> >> >> >>
> >> >> >> 5, you are done :)
> >> >> >>
> >> >> >> Vojtech
> >> >> >>
> >> >> >>
> >> >> >> ----- Original Message -----
> >> >> >> > From: "力波 王" <wlbleaboy at 126.com>
> >> >> >> > To: devel at ovirt.org
> >> >> >> > Sent: Tuesday, August 12, 2014 7:57:24 AM
> >> >> >> > Subject: [ovirt-devel] popup dialog
> >> >> >> >
> >> >> >> > Hi, everyone:
> >> >> >> > I add a button, named backup in the Template Tab,
> >> >> >> > And the click event is ok.
> >> >> >> > Now I want add a dialog after clicked the button,
> >> >> >> > So, I add a model , but the dialog didn’t display at all.
> >> >> >> >
> >> >> >> > So, I want to know is there some necessary class need
> >> >> >> > To modify or add?
> >> >> >> >
> >> >> >> > The model code is like this:
> >> >> >> > TemplateBackupModel.java
> >> >> >> > ========================================================
> >> >> >> > public class TemplateBackupModel extends Model {
> >> >> >> >
> >> >> >> > private EntityModel privatePassword;
> >> >> >> >
> >> >> >> > public EntityModel getPassword()
> >> >> >> > {
> >> >> >> > return privatePassword;
> >> >> >> > }
> >> >> >> >
> >> >> >> > public void setPassword(EntityModel value)
> >> >> >> > {
> >> >> >> > privatePassword = value;
> >> >> >> > }
> >> >> >> >
> >> >> >> > public TemplateBackupModel(){
> >> >> >> >
> >> >> >> > setPassword(new EntityModel());
> >> >> >> >
> >> >> >> > AsyncQuery _asyncQuery = new AsyncQuery();
> >> >> >> > _asyncQuery.setModel(this);
> >> >> >> > _asyncQuery.asyncCallback = new INewAsyncCallback() {
> >> >> >> > @Override
> >> >> >> > public void onSuccess(Object model, Object result)
> >> >> >> > {
> >> >> >> >
> >> >> >> > }
> >> >> >> > };
> >> >> >> >
> >> >> >> > }
> >> >> >> >
> >> >> >> > @Override
> >> >> >> > public void eventRaised(Event ev, Object sender, EventArgs
> >>args) {
> >> >> >> > super.eventRaised(ev, sender, args);
> >> >> >> > }
> >> >> >> >
> >> >> >> > public boolean validate(){
> >> >> >> > return true;
> >> >> >> > }
> >> >> >> > }
> >> >> >> > ========================================================
> >> >> >> >
> >> >> >> > And created a model in the backup button click callback like
> >>this：
> >> >> >> > ========================================================
> >> >> >> > public void backup()
> >> >> >> > {
> >> >> >> >
> >> >> >> > if (getWindow() != null)
> >> >> >> > {
> >> >> >> > return;
> >> >> >> > }
> >> >> >> >
> >> >> >> > TemplateBackupModel model = new TemplateBackupModel();
> >> >> >> > setWindow(model);
> >> >> >> > model.setTitle("TemplateBackup");//$NON-NLS-1$
> >> >> >> > model.setHashName("TemplateBackup");//$NON-NLS-1$
> >> >> >> >
> >> >> >> >
> >> >> >> > UICommand tempVar = new UICommand("OnBackup", this);
> >>//$NON-NLS-1$
> >> >> >> >
> >> >>tempVar.setTitle(ConstantsManager.getInstance().getConstants().ok());
> >> >> >> > tempVar.setIsDefault(true);
> >> >> >> > model.getCommands().add(tempVar);
> >> >> >> > UICommand tempVar2 = new UICommand("Cancel", this);
> >>//$NON-NLS-1$
> >> >> >> >
> >> >>
> >>
> >>>>>>tempVar2.setTitle(ConstantsManager.getInstance().getConstants().cance
> >>>>>>l(
> >> >>>>))
> >> >> >>;
> >> >> >> > tempVar2.setIsCancel(true);
> >> >> >> > model.getCommands().add(tempVar2);
> >> >> >> >
> >> >> >> > }
> >> >> >> > ========================================================
> >> >> >> >
> >> >> >> > _______________________________________________
> >> >> >> > Devel mailing list
> >> >> >> > Devel at ovirt.org
> >> >> >> > http://lists.ovirt.org/mailman/listinfo/devel
> >> >> >> _______________________________________________
> >> >> >> Devel mailing list
> >> >> >> Devel at ovirt.org
> >> >> >> http://lists.ovirt.org/mailman/listinfo/devel
> >> >>
> >> >>
> >> >>
> >> >>
> >>
> >>
> >>
> >>
>
>
>
>
More information about the Devel
mailing list