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

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


    return html;
  }

  private Html formatHeader(String text) {
    String bg = "background-color: " + (GXT.isAriaEnabled() ? "#242b3a" : "#dd");
    Html html = new Html("<div class='text' style='width: 400px;padding: 4px;" + bg + "'><b>" + text
        + "</b></div>");
    html.getFocusSupport().setIgnore(true);
    return html;
  }
View Full Code Here


    VerticalPanel panel = new VerticalPanel();
    panel.addStyleName("x-small-editor");
    panel.setSpacing(8);

    panel.add(new Html("<span class=text>Enter a search string such as 'vio'</span>"));
    panel.add(filter);
    panel.add(tree);

    add(panel);
  }
View Full Code Here

  @Override
  protected void onRender(Element parent, int index) {
    super.onRender(parent, index);
    setLayout(new FlowLayout(12));

    final Html html = new Html("This tree is handling 1 child. Expand to get more!");
    html.setStyleName("pad-text");

    LayoutContainer container = new LayoutContainer();
    container.setSize(300, 350);
    container.setBorders(true);
    container.setLayout(new FitLayout());

    TreeStore<ModelData> store = new TreeStore<ModelData>();
    final TreePanel<ModelData> tree = new TreePanel<ModelData>(store) {
      @Override
      protected boolean hasChildren(ModelData m) {
        return true;
      }
    };
    tree.setTrackMouseOver(false);
    tree.setCheckable(true);
    tree.setCheckStyle(CheckCascade.CHILDREN);
    tree.setDisplayProperty("name");
    store.setKeyProvider(new ModelKeyProvider<ModelData>() {

      public String getKey(ModelData model) {
        return model.get("id");
      }

    });
    ModelData m = createModel("Fast Tree");
    store.add(m, false);
    tree.addListener(Events.BeforeExpand, new Listener<TreePanelEvent<ModelData>>() {

      public void handleEvent(TreePanelEvent<ModelData> be) {
        if (be.getNode().getItemCount() != 0) {
          return;
        }
        List<ModelData> list = new ArrayList<ModelData>();
        for (int i = 0; i < 500; i++) {
          ModelData m = createModel("Tree Item " + i);
          list.add(m);
        }
        tree.getStore().insert(be.getNode().getModel(), list, 0, true);
      }
    });

    tree.addListener(Events.Expand, new Listener<TreePanelEvent<ModelData>>() {

      public void handleEvent(TreePanelEvent<ModelData> be) {
        html.setHtml("<span>This tree is handling " + tree.getStore().getAllItems().size()
            + " children. Expand to get more!</span>");

      }

    });
View Full Code Here

    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");
View Full Code Here

    add(reset, new FlowData(10));
  }

  private void addSources(LayoutContainer container) {
    for (int i = 0; i < 5; i++) {
      final Html html = new Html("Drag Me " + i);
      html.setStyleAttribute("padding", "5px");
      html.setStyleAttribute("border", "1px solid red");
      html.setStyleAttribute("cursor", "default");
      html.setStyleName("text");
      container.add(html, new FlowData(3));

      DragSource source = new DragSource(html) {
        @Override
        protected void onDragStart(DNDEvent event) {
          // by default drag is allowed
          event.setData(html);
          event.getStatus().update(El.fly(html.getElement()).cloneNode(true));
        }
      };
      // group is optional
      source.setGroup("test");
    }
View Full Code Here

    content = new ContentPanel();
    content.setBodyBorder(false);
    content.setHeaderVisible(false);
    content.setScrollMode(Scroll.AUTO);

    header = new Html();
    header.setStyleName("mail-item-detail");
    content.setTopComponent(header);

    add(content);
  }
View Full Code Here

    final ContentPanel cpanel = new ContentPanel();
    cpanel.setHeading("XTemplate Test");
    cpanel.setWidth(500);
    cpanel.setBodyStyleName("pad-text");
   
    final Html html = new Html();
    html.setStyleName("pad-text");

    final TextArea area = new TextArea();
    area.setSize(485, 150);
   
    toolBar = new ToolBar();
    toolBar.add(new Button("Apply Template", new SelectionListener<ButtonEvent>() {
      @Override
      public void componentSelected(ButtonEvent ce) {
        String template = area.getValue();
        XTemplate tpl = XTemplate.create(template);
        tpl.overwrite(html.getElement(), Util.getJsObject(person, 3));
      }
    }));
    cpanel.setTopComponent(toolBar);
   
    StringBuilder sb = new StringBuilder();
View Full Code Here

    panel.add(lcwest, west);

    lccenter = new ContentPanel();
    lccenter.setHeaderVisible(false);
    lccenter.setLayout(new FitLayout());
    lccenter.add(new Html(
        "<p style=\"padding:10px;color:#556677;font-size:11px;\">Select a configuration on the left</p>"));
    BorderLayoutData center = new BorderLayoutData(LayoutRegion.CENTER);
    center.setMargins(new Margins(5));
    panel.add(lccenter, center);
View Full Code Here

    panel.add(lcwest, west);

    lccenter = new ContentPanel();
    lccenter.setHeaderVisible(false);
    lccenter.setLayout(new FitLayout());
    lccenter.add(new Html(
        "<p style=\"padding:10px;color:#556677;font-size:11px;\">Select a configuration on the left</p>"));
    BorderLayoutData center = new BorderLayoutData(LayoutRegion.CENTER);
    center.setMargins(new Margins(5));
    panel.add(lccenter, center);
View Full Code Here

  LayoutContainer mainContent = new LayoutContainer();
  headerPanel.setEnabled(false);
  LayoutContainer errorlPanel = new LayoutContainer();
  errorlPanel.setHeight("40px");
  Html error = new Html("Accès refuse. Vous n’avez pas les droits suffisants pour l’opération demandée");
  error.setStyleAttribute("color", "red");
  errorlPanel.add(error);
  GuiUtil.setPadding(errorlPanel);

  mainContent.setLayout(new FitLayout());
  mainContent.add(headerPanel);
View Full Code Here

TOP

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

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.