Examples of com.extjs.gxt.ui.client.core.El

com.extjs.gxt.ui.client.core.El
Represents an Element in the DOM.

        public void handleEvent(ClickRepeaterEvent be) {
          onScroll(be);
        }
      };


      El scroller;


      scroller = new El(DOM.createDiv());
      scroller.addStyleName("x-menu-scroller", "x-menu-scroller-top");
      scroller.setInnerHtml("&nbsp;");
      ClickRepeater cr = new ClickRepeater(scroller);
      cr.doAttach();
      cr.addListener(Events.OnClick, listener);
      addAttachable(cr);


      el().insertFirst(scroller.dom);


      scroller = new El(DOM.createDiv());
      scroller.addStyleName("x-menu-scroller", "x-menu-scroller-bottom");
      scroller.setInnerHtml("&nbsp;");
      cr = new ClickRepeater(scroller);
      cr.doAttach();
      cr.addListener(Events.OnClick, listener);
      addAttachable(cr);

View Full Code Here

      super.onStart();
      overflow = el.getStyleAttribute("overflow");
      marginTop = el.getStyleAttribute("marginTop");
      marginLeft = el.getStyleAttribute("marginLeft");


      wrapEl = new El(DOM.createDiv());
      oBounds = el.wrap(wrapEl.dom);


      int h = oBounds.height;
      int w = oBounds.width;

View Full Code Here

  protected void onRender(Element target, int index) {
    setElement(DOM.createDiv(), target, index);
    el().makePositionable(true);
    super.onRender(target, index);


    ul = new El(DOM.createDiv());
    ul.addStyleName(baseStyle + "-list");


    getElement().appendChild(ul.dom);


    // add menu to ignore list

View Full Code Here

  @Override
  protected void onRender(Element target, int index) {
    setElement(DOM.createDiv(), target, index);
    el().setStyleName("x-menu ux-start-menu");


    El tl = el().createChild("<div class='ux-start-menu-tl'></div>");
    El tr = tl.createChild("<div class='ux-start-menu-tr'></div>");
    El tc = tr.createChild("<div class='ux-start-menu-tc'></div>");
    header = tc.createChild("<div class='x-window-header x-unselectable x-panel-icon " + iconStyle + "'></div>");
    headerText = header.createChild("<span class='x-window-header-text'></span>");
    headerText.setInnerHtml(heading);


    El bwrap = el().createChild("<div class='x-window-bwrap'></div>");


    El ml = bwrap.createChild("<div class='ux-start-menu-ml'></div>");
    El mc = ml.createChild("<div class='x-window-mc ux-start-menu-bwrap' style='border:none'></div>");


    El bl = bwrap.createChild("<div class='ux-start-menu-bl x-panel-nofooter'></div>");
    El br = bl.createChild("<div class='ux-start-menu-br'></div>");
    br.createChild("<div class='ux-start-menu-bc'></div>");


    menuBWrap = mc.createChild("<div class='x-window-body ux-start-menu-body' style='position:relative;border: none'></div>");
    menuBWrap.setHeight(300);


    menuPanel = menuBWrap.createChild("<div class='x-panel x-border-panel ux-start-menu-apps-panel' style='border: none;padding: 2px'></div>");

View Full Code Here


    sinkEvents(Event.ONCLICK | Event.MOUSEEVENTS | Event.KEYEVENTS | Event.ONMOUSEWHEEL);
  }


  protected void onScroll(ClickRepeaterEvent ce) {
    El target = ce.getEl();
    boolean top = target.is(".x-menu-scroller-top");
    scrollMenu(top);


    if (top ? ul.getScrollTop() <= 0 : ul.getScrollTop() + activeMax >= ul.dom.getPropertyInt("scrollHeight")) {
      onScrollerOut(target);
    }

View Full Code Here

      El.fly(e).removeFromParent();
    }
  }


  private El getGroup(String groupName) {
    El g = el().selectNode("#" + getId() + "-" + groupName);
    if (g == null) {
      g = new El(DOM.createDiv());
      g.makePositionable(true);
      g.dom.setAttribute("role", "group");
      g.addStyleName(HideMode.OFFSETS.value());
      g.addStyleName("x-menu-radio-group");
      g.setId(getId() + "-" + groupName);
      el().appendChild(g.dom);
    }
    return g;
  }

View Full Code Here

    for (int i = 0; i < getItemCount(); i++) {
      Object obj = getItem(i);
      if (obj instanceof CheckMenuItem) {
        CheckMenuItem check = (CheckMenuItem) obj;
        if (check.getGroup() != null) {
          El g = getGroup(check.getGroup());
          Accessibility.setState(g.dom, "aria-owns", g.dom.getAttribute("aria-owns") + " " + check.getId());
          if (check.getAriaGroupTitle() != null) {
            g.dom.setTitle(check.getAriaGroupTitle());
          }
        }

View Full Code Here

    return new Size(isHideTrigger() ? 0 : (trigger.getStyleSize().width + twinTrigger.getStyleSize().width), 0);
  }


  @Override
  protected void onRender(Element target, int index) {
    input = new El(DOM.createInputText());
    setElement(DOM.createDiv(), target, index);
    addStyleName("x-form-field-wrap");


    trigger = new El(DOM.createImg());
    trigger.dom.setClassName("x-form-trigger " + triggerStyle);
    trigger.dom.setPropertyString("src", GXT.BLANK_IMAGE_URL);


    twinTrigger = new El(DOM.createImg());
    twinTrigger.dom.setClassName("x-form-trigger " + twinTriggerStyle);
    twinTrigger.dom.setPropertyString("src", GXT.BLANK_IMAGE_URL);


    span = new El(DOM.createSpan());
    span.dom.setClassName("x-form-twin-triggers");


    span.appendChild(trigger.dom);
    span.appendChild(twinTrigger.dom);

View Full Code Here

    String valueAttribute = getValueAttribute();


    getElement().replaceChild(newInputElem, input.dom);


    Event.sinkEvents(elem, 0);
    input = new El((Element) Element.as(newInputElem));
    input.makePositionable();


    Event.sinkEvents(input.dom, sunkEvents);


    input.setId(uid);

View Full Code Here

      });
    }


    // missing cursor workaround
    if (GXT.isGecko) {
      El e = el().selectNode(".x-window-bwrap");
      if (e != null) {
        e.dom.getStyle().setProperty("overflow", "auto");
        e.dom.getStyle().setProperty("position", "static");
      }
    }

View Full Code Here

0 1 2 3 4 5 6 7 8 9

TOP

Related Classes of com.extjs.gxt.ui.client.core.El

com.extjs.gxt.desktop.client.Desktop

com.extjs.gxt.desktop.client.Shortcut

com.extjs.gxt.desktop.client.StartMenu

com.extjs.gxt.desktop.client.TaskButton

com.extjs.gxt.desktop.client.TasksButtonsPanel

com.extjs.gxt.samples.client.examples.forms.CustomFormExample

com.extjs.gxt.samples.client.examples.grid.CheckGroupingGridExample

com.extjs.gxt.ui.client.aria.FocusFrame

com.extjs.gxt.ui.client.binder.DataViewBinder

com.extjs.gxt.ui.client.dnd.TreePanelDropTarget

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.