Package com.extjs.gxt.ui.client.widget

Examples of com.extjs.gxt.ui.client.widget.HorizontalPanel


  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    VerticalPanel vp = new VerticalPanel();
    vp.setSpacing(10);

    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(5);

    Button add = new Button("Add Tab");
    add.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        addTab();
        advanced.setSelection(advanced.getItem(index - 1));
      }
    });
    hp.add(add);

    ToggleButton toggle = new ToggleButton("Enable Tab Context Menu");
    toggle.addListener(Events.Toggle, new Listener<ButtonEvent>() {
      public void handleEvent(ButtonEvent be) {
        advanced.setCloseContextMenu(((ToggleButton) be.getButton()).isPressed());
      }
    });
    toggle.toggle(true);
    hp.add(toggle);
    vp.add(hp);

    advanced = new TabPanel();
    advanced.setSize(600, 250);
    advanced.setMinTabWidth(115);
View Full Code Here


  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
   
    El.fly(parent).addStyleName("dnd-example");
   
    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(10);

    final LayoutContainer container = new LayoutContainer();
    container.setLayoutOnChange(true);
    container.setBorders(true);
    container.setSize(200, 200);

    DropTarget target = new DropTarget(container) {
      @Override
      protected void onDragDrop(DNDEvent event) {
        super.onDragDrop(event);
        Html html = event.getData();
        container.add(html);
      }
    };
    target.setGroup("test");
    target.setOverStyle("drag-ok");

    final LayoutContainer sourceContainer = new LayoutContainer();
    sourceContainer.setLayoutOnChange(true);
    sourceContainer.setWidth(100);

    addSources(sourceContainer);

    Button reset = new Button("Reset");
    reset.addSelectionListener(new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        container.removeAll();
        sourceContainer.removeAll();
        addSources(sourceContainer);
      }
    });

    hp.add(container);
    hp.add(sourceContainer);
    add(hp);
    add(reset, new FlowData(10));
  }
View Full Code Here

    super.onRender(parent, index);
    El.fly(parent).addStyleName("binding-example");

    final Stock stock = TestData.getStocks().get(0);

    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(10);

    StringBuffer sb = new StringBuffer();
    sb.append("<div class=text style='line-height: 1.5em'>");
    sb.append("<b>Name:</b> {name}<br>");
    sb.append("<b>Symbol:</b> {symbol}<br>");
    sb.append("<b>Last:</b> {last}<br>");
    sb.append("<b>Change:</b> {[new Number(values.change).toFixed(2)]}<br>");
    sb.append("<b>Updated:</b> {date:date(\"MM/dd/y\")}<br>");
    sb.append("</div>");

    final XTemplate template = XTemplate.create(sb.toString());
    final HTML html = new HTML();
    html.setWidth("160px");
  
    template.overwrite(html.getElement(), Util.getJsObject(stock));
    hp.add(html);
    // update template when model changes
    stock.addChangeListener(new ChangeListener() {
      public void modelChanged(ChangeEvent event) {
        template.overwrite(html.getElement(), Util.getJsObject(stock));
      }
    });

    FormPanel panel = new FormPanel();
    panel.setHeaderVisible(false);
    panel.setWidth(350);

    TextField<String> name = new TextField<String>();
    name.setName("nameField");
    name.setFieldLabel("Name");
    panel.add(name);

    TextField<String> symbol = new TextField<String>();
    symbol.setName("symbol");
    symbol.setFieldLabel("Symbol");
    panel.add(symbol);

    NumberField open = new NumberField();
    open.setName("last");
    open.setFieldLabel("Last");
    panel.add(open);

    NumberField change = new NumberField();
    change.setName("change");
    change.setFieldLabel("Change");
    change.setFormat(NumberFormat.getDecimalFormat());
    panel.add(change);

    DateField last = new DateField();
    last.setName("date");
    last.setFieldLabel("Updated");
    panel.add(last);
   
    SimpleComboBox<String> scb = new SimpleComboBox<String>();
    for(Stock s: TestData.getStocks()) {
      scb.add(s.getName());
    }
    scb.setFieldLabel("Name");
    scb.setForceSelection(true);
    scb.setTypeAhead(true);
    scb.setName("company");
    scb.setTriggerAction(TriggerAction.ALL);
    panel.add(scb);
   
    hp.add(panel);

    FormBinding binding = new FormBinding(panel);
    // manually add bindings
    binding.addFieldBinding(new FieldBinding(name, "name"));
    binding.addFieldBinding(new FieldBinding(symbol, "symbol"));
View Full Code Here

public class ToolTipsExample extends LayoutContainer {

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);
    HorizontalPanel hp = new HorizontalPanel();
    hp.setSpacing(10);

    Button btn = new Button("Basic");
    btn.setToolTip(new ToolTipConfig("Information", "Prints the current document"));
    hp.add(btn);

    btn = new Button("Closable");
    ToolTipConfig config = new ToolTipConfig();
    config.setTitle("Information");
    config.setText("Prints the current document");
    config.setCloseable(true);
    btn.setToolTip(config);
    hp.add(btn);

    btn = new Button("Mouse Tracking");
    config = new ToolTipConfig();
    config.setTitle("Information");
    config.setText("Prints the current document");
    config.setTrackMouse(true);
    btn.setToolTip(config);
    hp.add(btn);

    btn = new Button("Anchor");
    config = new ToolTipConfig();
    config.setTitle("Information");
    config.setText("Prints the current document");
    config.setMouseOffset(new int[] {0, 0});
    config.setAnchor("left");
    btn.setToolTip(config);
    hp.add(btn);

    btn = new Button("Custom");
    config = new ToolTipConfig();
    config.setText("Prints the current document");
    config.setTitle("Template Tip");
    config.setMouseOffset(new int[] {0, 0});
    config.setAnchor("left");
    config.setTemplate(new Template(getTemplate(GWT.getHostPageBaseURL())));
    config.setCloseable(true);
    config.setMaxWidth(415);
    btn.setToolTip(config);
    hp.add(btn);

    add(hp);
  }
View Full Code Here

  @Override
  protected void onRender(Element parent, int pos) {
    super.onRender(parent, pos);

    HorizontalPanel vp = new HorizontalPanel();
    vp.setVerticalAlign(VerticalAlignment.TOP);
    vp.setSpacing(10);

    ContentPanel cp = new ContentPanel();
    cp.setCollapsible(true);
    cp.setIcon(Resources.ICONS.text());
    cp.setBodyStyleName("pad-text");
    cp.setHeading("Proxy Drag");
    cp.addText(TestData.DUMMY_TEXT_SHORT);
    cp.setWidth(200);

    Draggable d = new Draggable(cp);

    vp.add(cp);

    cp = new ContentPanel();
    cp.setCollapsible(true);
    cp.setBodyStyleName("pad-text");
    cp.setHeading("Direct Drag");
    cp.setIcon(Resources.ICONS.text());
    cp.addText("Drags can only be started from the header.");
    cp.setWidth(200);
    vp.add(cp);

    d = new Draggable(cp, cp.getHeader());
    d.setContainer(this);
    d.setUseProxy(false);

    cp = new ContentPanel();
    cp.setBodyStyleName("pad-text");
    cp.setHeading("Constrain");
    cp.setIcon(Resources.ICONS.text());
    cp.addText("Can only be dragged vertically.");
    cp.setWidth(200);
    vp.add(cp);

    d = new Draggable(cp, cp.getHeader());
    d.setContainer(this);
    d.setConstrainHorizontal(true);
View Full Code Here

            dateWrapper = new DateWrapper();
        } else {
            dateWrapper = new DateWrapper(date);
        }

        hoursPanel = new HorizontalPanel();
        hoursPanel.setTableWidth("100%");
        hoursPanel.setHorizontalAlign(HorizontalAlignment.CENTER);
        hoursPanel.setStyleName("x-date-hours-panel");
        hoursPanel.sinkEvents(Event.ONCHANGE);
        if (GXT.isIE) {
            hoursPanel.setWidth(175);
        }
       
        HorizontalPanel hPanel = new HorizontalPanel();
        hPanel.setLayout(new FitLayout());
        hPanel.setHorizontalAlign(Style.HorizontalAlignment.LEFT);
        hPanel.setStyleName("x-date-bottom");

        hours = new ComboBox() {
          @Override
            protected void onRender(Element parent, int index) {
                super.onRender(parent, index);
                getListView().addStyleName("x-datetime-selector");
           
        };
        hours.setDisplayField("display");
        hours.setMinListWidth(40);
        hours.setWidth(40);
        hours.setStore(getHours(0,23));
        hours.setValue(hour != null ? hour : new HourModel(dateWrapper.getHours()));
        hours.setForceSelection(true);
        hours.setTriggerAction(TriggerAction.ALL);
        hours.addSelectionChangedListener(new SelectionChangedListener<HourModel>() {
            public void selectionChanged(SelectionChangedEvent se) {
                HourModel hourModel = (HourModel) se.getSelection().get(0);
                if (hourModel!=null){
                    hour = new HourModel(Integer.parseInt(hourModel.getValue()));
                }
            }
        });

        hours.addListener(Events.Change, new Listener<FieldEvent>() {
            public void handleEvent(FieldEvent be) {
                HourModel hourModel = (HourModel) be.getValue();
                if (hourModel!=null){
                    hour = new HourModel(Integer.parseInt(hourModel.getValue()));
                }
            }
        });
        hPanel.add(hours);

        HTML sep = new HTML(":");
        sep.setStyleName("x-date-hours-separator");
        hPanel.add(sep, new TableData(HorizontalAlignment.CENTER, VerticalAlignment.MIDDLE));

        minutes = new ComboBox() {
          @Override
            protected void onRender(Element parent, int index) {
                super.onRender(parent, index);
                getListView().addStyleName("x-datetime-selector");
           
        };
        minutes.setDisplayField("display");
        minutes.setMinListWidth(40);
        minutes.setWidth(40);
        minutes.setStore(getMinutes(0,59));
        minutes.setValue(minute != null ? minute : new MinuteModel(dateWrapper.getMinutes()));
        minutes.setForceSelection(true);
        minutes.setTriggerAction(TriggerAction.ALL);
        minutes.getListView().addStyleName("x-datetime-selector");

        minutes.addSelectionChangedListener(new SelectionChangedListener<MinuteModel>() {
            public void selectionChanged(SelectionChangedEvent se) {
                MinuteModel minuteModel = (MinuteModel) se.getSelection().get(0);
                if (minuteModel!=null){
                    minute = new MinuteModel(Integer.parseInt(minuteModel.getValue()));
                }
            }
        });
        minutes.addListener(Events.Change, new Listener<FieldEvent>() {
            public void handleEvent(FieldEvent be) {
                MinuteModel minuteModel = (MinuteModel) be.getValue();
                if (minuteModel!=null){
                    minute = new MinuteModel(Integer.parseInt(minuteModel.getValue()));
                }
            }
        });
       
        hPanel.add(minutes);
       
        hoursPanel.add(hPanel, new TableData(HorizontalAlignment.CENTER, VerticalAlignment.MIDDLE));
    }
View Full Code Here

        setScrollMode(Style.Scroll.NONE);
        setBorders(false);
        setLayout(new BorderLayout());

        LayoutContainer top = new LayoutContainer(new FlowLayout());
        topBar = new HorizontalPanel();

        // add switching form
        languageSwitcher = createLanguageSwitcher();
        topBar.add(languageSwitcher);
View Full Code Here

    private Boolean linked = null;

    public BindedModule(String id, String path, Element divElement, final MainModule mainModule) {
        super(id, path, divElement, mainModule, false);

        final HorizontalPanel leftWidgetPanel = new HorizontalPanel();

        head = new Header() {
            @Override
            protected void onRender(Element target, int index) {
                super.onRender(target, index);
                adopt(leftWidgetPanel);
                leftWidgetPanel.addStyleName("x-panel-toolbar");
                leftWidgetPanel.setLayoutOnChange(true);
                leftWidgetPanel.setStyleAttribute("float", "left");
                leftWidgetPanel.getAriaSupport().setPresentation(true);

                leftWidgetPanel.render(getElement());
                adopt(leftWidgetPanel);
            }

            @Override
            protected void doAttachChildren() {
                super.doAttachChildren();
                ComponentHelper.doAttach(leftWidgetPanel);
            }

            @Override
            protected void doDetachChildren() {
                super.doDetachChildren();
                ComponentHelper.doDetach(leftWidgetPanel);
            }

        };

        remove(html);
        add(head);
        headerText = Messages.get("label.content") + " : " + path.substring(path.lastIndexOf('/') + 1);
        setHeaderText(headerText);
        head.addStyleName("x-panel-header");
        head.addStyleName("x-panel-header-simplemodule");
        setBorders(false);

        add(html);


        ToolButton tool = new ToolButton("x-tool-pin", new SelectionListener<IconButtonEvent>() {
            public void componentSelected(IconButtonEvent event) {
                if (linked != null) {
                    if (linked) {
                        List<GWTJahiaNodeProperty> properties = new ArrayList<GWTJahiaNodeProperty>();
//                            final List<GWTJahiaNode> srcNodes = e.getStatus().getData(SOURCE_NODES);
                        final GWTJahiaNodeProperty gwtJahiaNodeProperty = new GWTJahiaNodeProperty(property,
                                new GWTJahiaNodePropertyValue((String) null,
                                        GWTJahiaNodePropertyType.WEAKREFERENCE));
                        properties.add(gwtJahiaNodeProperty);
                        JahiaContentManagementService.App.getInstance()
                                .saveProperties(Arrays.asList(node), properties, null, new BaseAsyncCallback() {
                                    public void onSuccess(Object o) {
                                        getMainModule().getEditLinker().refresh(EditLinker.REFRESH_MAIN);
                                    }

                                    public void onApplicationFailure(Throwable throwable) {
                                        Window.alert("Failed : " + throwable);
                                    }
                                });

                    } else {
                        String s = JahiaGWTParameters.getContextPath();
                        if (s.equals("/")) {
                            s = "";
                        }
                        mainModule.setStyleAttribute("cursor",
                                "url('" + s + "/gwt/resources/images/xtheme-jahia-andromeda/panel/link.cur'), pointer");

                        mainModule.getEditLinker().setSelectionListener(new ModuleSelectionListener() {
                            public void onModuleSelection(Module selection) {
                                mainModule.setStyleAttribute("cursor", "");
                                mainModule.getEditLinker().setSelectionListener(null);
                                if (selection.getNode() != node) {
                                    List<GWTJahiaNodeProperty> properties = new ArrayList<GWTJahiaNodeProperty>();
                                    final GWTJahiaNodeProperty gwtJahiaNodeProperty = new GWTJahiaNodeProperty(property,
                                            new GWTJahiaNodePropertyValue(selection.getNode(),
                                                    GWTJahiaNodePropertyType.WEAKREFERENCE));
                                    properties.add(gwtJahiaNodeProperty);
                                    JahiaContentManagementService.App.getInstance()
                                            .saveProperties(Arrays.asList(node), properties, null, new BaseAsyncCallback() {
                                                public void onSuccess(Object o) {
                                                    getMainModule().getEditLinker().refresh(EditLinker.REFRESH_MAIN);
                                                }

                                                public void onApplicationFailure(Throwable throwable) {
                                                    Window.alert("Failed : " + throwable);
                                                }
                                            });
                                }
                            }
                        });
                    }
                }
            }
        });

        leftWidgetPanel.add(tool);
    }
View Full Code Here

    final TextField<String> txtflUserID = new TextField<String>();
    add(txtflUserID);
    txtflUserID.setFieldLabel("Customer Name");

    HorizontalPanel horizontalPanel = new HorizontalPanel();
    horizontalPanel.setHorizontalAlign(HorizontalAlignment.CENTER);
    add(horizontalPanel, new FormData("100%"));

    Button btnAsCustomer = new Button("Customer");
    horizontalPanel.add(btnAsCustomer);

    Button btnAsTrader = new Button("Trader");
    horizontalPanel.add(btnAsTrader);

    Button btnSettings = new Button("...");
    btnSettings.addListener(Events.Select, new Listener<ButtonEvent>() {
      public void handleEvent(ButtonEvent e) {
        showPropertiesDialog();
      }
    });
    horizontalPanel.add(btnSettings);

    btnAsCustomer.addListener(Events.Select, new Listener<ButtonEvent>() {
      public void handleEvent(ButtonEvent e) {
        CustomerWindow customerWindow = new CustomerWindow((String)txtflUserID.getValue());
        customerWindow.show();
View Full Code Here

        return (Number) object.getPrice();
      }
    };
    this.holdingListField.addColumn(this.priceColumn, "Price");
   
    this.horizontalPanel = new HorizontalPanel();
    this.verticalPanel.add(this.horizontalPanel);
    this.horizontalPanel.setHorizontalAlign(HorizontalAlignment.CENTER);
   
    this.btnBuy = new Button("Buy");
    this.horizontalPanel.add(this.btnBuy);
View Full Code Here

TOP

Related Classes of com.extjs.gxt.ui.client.widget.HorizontalPanel

Copyright © 2018 www.massapicom. All rights reserved.
All source code are property of their respective owners. Java is a trademark of Sun Microsystems, Inc and owned by ORACLE Inc. Contact coftware#gmail.com.