Page 1 of 1

Build-in items

Posted: Mon Nov 18, 2013 7:56 am
by linb
1. Item options for xui.UI.List / xui.UI.RadioBox / xui.UI.ComboInput
  • id: String, item's unique id
    caption: String, items's caption string
    renderer: Function, a function to return customized caption string /*function(item){return "<strong>"+item.id+"</strong>"}*/
    itemClass: String, item node's CSS classname
    itemStyle: String, CSS style for the the item node
    imageClass: String, the inner icon node's CSS classname
    image: String, the url string of CSS image property for the inner icon node
    imagePos: String, CSS image-position property for the inner icon node
    imageRepeat: String, CSS image-repeat property for the inner icon node
    disabled: Boolean, to determine the item is disabled or not
    hidden: Boolean, to determine the item is hidden or not
    tag: String, extra tag string info
    tagVar: Object(key/value pairs), extra tag Object info
2. Item options for xui.UI.TreeBar / xui.UI.TreeView
  • sub: Array, the sub items
    group: Boolean, to determine the item is a group or not
    + Item options of xui.UI.List
3. Item options for xui.UI.StatusButtons
  • itemMargin : String, item's margin setting
    itemWidth: Number, item's width(px)
    itemAlign: String, item's text-align property in['','left','center','right']
    itemLinker: String, item's linker handler position in ['none','left','right']
    + Item options of xui.UI.List
4. Item options for xui.UI.Layout
  • id: String, item's unique id [readonly, dont modify it]
    pos: String, item's position id, in ["before","main","after"], [readonly, dont modify it]
    size : Number, the inner panel(only for "before/after")'s default size, default is 60(px),
    min : Number, the inner panel(only for "before/after")'s min size, default is 50(px)
    max : Number, the inner panel(only for "before/after")'s man size, default is 200(px)
    locked : Boolean, to determine the inner panel(only for "before/after") is locked or not
    folded : Boolean, to determine the inner panel(only for "before/after") is folded or not
    hidden: Boolean, to determine the inner panel(only for "before/after") is hidden or not
    cmd: Boolean, to determine the inner panel(only for "before/after") shows command button or doesn't
    overflow: String, to determine the inner panel's CSS overflow property
    itemClass: String, item node's CSS classname
    itemStyle: String, CSS style for the the item node
    tag: String, extra tag string info
    tagVar: Object(key/value pairs), extra tag Object info
5. Item options for xui.UI.Tabs / xui.UI.Stacks / xui.UI.ButtonViews / xui.UI.FoldingTabs
  • closeBtn : Boolean, to determine the inner panel shows close button or doesn't
    optBtn : Boolean, to determine the inner panel shows option button or doesn't
    popBtn : Boolean, to determine the inner panel shows pop button or doesn't
    overflow: String, to determine the inner panel's CSS overflow property
    iframeAutoLoad: String or Object({url:/*String*/, query:/*String or Oject*/, method/*"get" or "set"*/, enctype:/*String*/}, refer to xui.Dom.submit function arguments), auto load(with iframe, cross domain) iframe src property, refer to: xui.UI.Div's same name function
    ajaxAutoLoad: String or Object({url:/*String*/, query:/*String or Oject*/,options:/*Obejct*/, refer to xui.Ajax function arguments}), auto load(with Ajax, same domain only) html file path, refer to: xui.UI.Div's same name function
    + Item options of xui.UI.List
6. Item options for xui.UI.IconList
  • id: String, item's unique id
    itemClass: String, item node's CSS classname
    itemStyle: String, CSS style for the the item node
    imageClass: String, the inner icon node's CSS classname
    image: String, the url string of CSS image property for the inner icon node
    imagePos: String, CSS image-position property for the inner icon node
    imageRepeat: String, CSS image-repeat property for the inner icon node
    disabled: Boolean, to determine the item is disabled or not
    hidden: Boolean, to determine the item is hidden or not
    tag: String, extra tag string info
    tagVar: Object(key/value pairs), extra tag Object info
    itemWidth: Number, item's width
    itemHeight: Number, item's height
    itemPadding: Number, item's padding setting
    itemMargin: Number, item's margin setting
7. Item options for xui.UI.Gallery
  • capDisplay: Boolean, to determine caption shows or doesnot
    caption: String, items's caption string
    renderer: Function, a function to return customized caption string /*function(item){return "<strong>"+item.id+"</strong>"}*/
    comment: String, items's comment string
    + Item options of xui.UI.IconList
8. Item options for xui.UI.PopMenu
  • sub: Array, the sub items for next layer PopMenu
    group: Boolean, to determine the menu item is a group or not
    type: String, the menu item's type, in ["", "split", "button", "checkbox", "radiobox"]
    value: Boolean, the menu item's value (only for "checkbox" and "radiobox")
    add: String, the extra info(at the right side of the menu item's caption) for menu item
    + Item options of xui.UI.List
9. Item options for xui.UI.MenuBar
  • sub: Array, the sub items for next layer PopMenu
    + Item options of xui.UI.List
10. Item(tool group item) options for xui.UI.Toolbar
  • id: String, item group's unique id
    hidden: Boolean, to determine the tool group is hidden or not
    handler: Boolean, to determine the tool group shows hanlder or doesn't
    sub: Array, the sub tool items in tool bar's group. Item(tool item) options for sub:
    • type: String, the tool item's type, in ["", "split", "dropButton", "statusButton"]
      split:Bool, equle to type="split"
      dropButton:Bool, equle to type="dropButton"
      statusButton:Bool, equle to type="statusButton"
      value: Boolean, the tool item's value (only for "statusButton")
      object: xui.UI, the embedded xui.UI control
      + Item options of xui.UI.List