/// <summary> /// Wraps the given text caption or existing DOM node(s) in a structural element /// containing the menu item's contents. /// </summary> /// <param name="content">Menu item contents.</param> /// <param name="dom">DOM helper for document interaction.</param> /// <returns>Menu item content element.</returns> private HTMLElement createContent(ControlContent content, dom.DomHelper dom) { var contentClassName = this.getCompositeCssClass_( goog.ui.MenuItemRenderer.CompositeCssClassIndex_.CONTENT); return(dom.createDom(goog.dom.TagName.DIV, contentClassName, content)); }
/// <summary> /// Decorates the element for the UI component. If the element is in the /// document, the enterDocument method will be called. /// /// If goog.ui.Component.ALLOW_DETACHED_DECORATION is false, the caller must /// pass an element that is in the document. /// </summary> /// <param name="element">Element to decorate.</param> public void decorate(HTMLElement element) { if (this.inDocument_) { throw new Exception(goog.ui.Component.Error.ALREADY_RENDERED); } else if (element != null && this.canDecorate(element)) { this.wasDecorated_ = true; // Set the DOM helper of the component to match the decorated element. var doc = goog.dom.getOwnerDocument(element); if (this.dom_ == null || this.dom_.getDocument() != doc) { this.dom_ = goog.dom.getDomHelper(element); } // Call specific component decorate logic. this.decorateInternal(element); // If supporting detached decoration, check that element is in doc. if (!goog.ui.Component.ALLOW_DETACHED_DECORATION || goog.dom.contains(doc, element)) { this.enterDocument(); } } else { throw new Exception(goog.ui.Component.Error.DECORATE_INVALID); } }
/// <summary> /// Popup color picker widget. /// </summary> /// <param name="opt_domHelper">Optional DOM helper.</param> /// <param name="opt_colorPicker">Optional color picker to use /// for this popup.</param> public PopupColorPicker(dom.DomHelper opt_domHelper = null, ColorPicker opt_colorPicker = null) : base(opt_domHelper) { if (opt_colorPicker != null) { this.colorPicker_ = opt_colorPicker; } }
/// <summary> /// A palette is a grid of DOM nodes that the user can highlight or select via /// the keyboard or the mouse. The selection state of the palette is controlled /// an ACTION event. Event listeners may retrieve the selected item using the /// {@link #getSelectedItem} or {@link #getSelectedIndex} method. /// /// Use this class as the base for components like color palettes or emoticon /// pickers. Use {@link #setContent} to set/change the items in the palette /// after construction. See palette.html demo for example usage. /// </summary> /// <param name="items">Array of DOM nodes to be displayed as items /// in the palette grid (limited to one per cell).</param> /// <param name="opt_renderer">Renderer used to render or /// decorate the palette; defaults to {@link goog.ui.PaletteRenderer}.</param> /// <param name="opt_domHelper">Optional DOM helper, used for /// document interaction.</param> public Palette(JsArray <Node> items, PaletteRenderer opt_renderer = null, dom.DomHelper opt_domHelper = null) : base(new ControlContent(items), opt_renderer ?? goog.ui.PaletteRenderer.getInstance(), opt_domHelper) { this.setAutoStates( goog.ui.Component.State.CHECKED | goog.ui.Component.State.SELECTED | goog.ui.Component.State.OPENED, false); this.currentCellControl_ = new goog.ui.Palette.CurrentCell_(); this.currentCellControl_.setParentEventTarget(this); this.lastHighlightedIndex_ = -1; }
public DefaultDatePickerRenderer(string baseCssClass, dom.DomHelper opt_domHelper) { this.baseCssClass_ = baseCssClass; this.dom_ = opt_domHelper ?? goog.dom.getDomHelper(); }
/// <summary> /// </summary> /// Default implementation of UI component. /// <param name="opt_domHelper">Optional DOM helper.</param> public Component(dom.DomHelper opt_domHelper = null) { this.dom_ = opt_domHelper ?? goog.dom.getDomHelper(); }