wineight.js | |
Constants | |
WinEightControls | Reference to WinEight control definitions. |
Control Types | |
wePanel | Standard panel control (based on ngPanel). |
weFrame | Standard frame control (based on ngFrame). |
weColorPanel | Standard panel control (based on ngPanel). |
weColorFrame | Standard Frame control (based on ngFrame). |
weText | Standard text control (based on ngText). |
weSmallText | Standard text control (based on ngText). |
weCaption | Standard text control (based on ngText). |
weTitle | Standard text control (based on ngText). |
weImage | Standard image control (based on ngImage). |
weCheckBox | Standard check box control (based on ngCheckBox). |
weRadioButton | Standard radio button control (based on ngRadioButton). |
weToggleSwitch | Standard check box control (based on ngCheckBox). |
weButton | Standard button control (based on ngButton). |
weAppButton | Standard application button control (based on ngButton). |
Properties | |
AppIcons | ... |
weLabel | Standard label control (based on ngButton). |
weLink | Standard link control (based on ngButton). |
weGroup | Standard group control (based on ngGroup). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
weEdit | Standard edit control (based on ngEdit). |
weEditBoxBtn | Standard edit control with ellipsis button (based on weEdit). |
Methods | |
Ellipsis | Invokes ellipsis. |
Events | |
OnEllipsis | |
weSearchBox | Standard search box control (based on weEdit). |
Methods | |
Search | Invokes search. |
Events | |
OnSearch | |
weEditNum | Standard edit number control with spin buttons (based on ngEditNum). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
weColorEdit | Standard color edit control (based on ngDropDown). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Methods | |
GetColor | Gets edited color value. |
weDropDown | Standard drop down control (based on ngDropDown). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
weDropDownList | Standard drop down list control (based on ngDropDownList). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
weMemo | Standard memo control (based on ngMemo). |
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
wePages | Standard pages control (based on ngPages). |
weSections | Standard pages control (based on ngPages). |
weToolBar | Standard toolbar control (based on ngToolBar). |
weProgressBar | Standard progress bar control (based on ngProgressBar). |
weProgressRing | Standard progress dot control (based on ngText). |
weProgressDot | Standard progress dot control (based on ngText). |
weProgressLine | Standard progress dot control (based on ngText). |
weList | Standard list control (based on ngList). |
wePageList | Standard list control (based on ngPageList). |
Controls | |
List | weList |
Loading | weProgressDot |
Paging | ngToolBar |
FirstPage | weButton |
PrevPage | weButton |
PageNo | stdEdit |
Page0 | weButton |
NextPage | weButton |
LastPage | weButton |
weAlignPanel | Standard panel control (based on ngAlignPanel (ngAlignFrame)). |
weAlignFrame | Standard Frame control (based on ngAlignPanel (ngAlignFrame)). |
weSplitPanel | Standard split panel control (based on ngSplitPanel). |
Definition | |
Mover | |
weDropPanel | Drop-down panel control (based on ngDropPanel). |
weWindow | Standard window control (based on ngWindow). |
weDialog | Standard dialog control (based on ngWindow). |
Definition | |
CloseBtn | ... |
MaxBtn | ... |
MinBtn | ... |
weHint | Standard hint control (based on ngHint). |
weTextHint | Standard hint text control (based on ngTextHint). |
Controls | |
Hint | weText |
weMessageDlg | Standard message box dialog (based on ngMessageDlg). |
Definition | |
DlgCheckBox | ... |
Controls | |
Message | weText |
Content | ngPanel |
Buttons | ngToolBar |
OK | weButton |
Yes | weButton |
No | weButton |
Cancel | weButton |
CheckBox | weCheckBox (if DlgCheckBox defined) |
dlgMessageBox | Message box dialog (based on weMessageDlg). |
dlgInputBox | Input box dialog (based on weMessageDlg). |
Definition | |
DlgAllowEmpty | ... |
DlgHint | ... |
Controls | |
Edit | weEdit |
dlgDropDownBox | Dropdown dialog (based on weMessageDlg). |
Definition | |
DlgAllowEmpty | ... |
DlgHint | ... |
DlgItems | ... |
Controls | |
Edit | weDropDown |
dlgDropDownListBox | Dropdown list dialog (based on weMessageDlg). |
Definition | |
DlgAllowEmpty | ... |
DlgHint | ... |
DlgItems | ... |
Controls | |
Edit | weDropDownList |
dlgMemoBox | Input memo dialog (based on weMessageDlg). |
Definition | |
DlgAllowEmpty | ... |
DlgItems | ... |
Controls | |
Edit | weMemo |
dlgListBox | List box dialog (based on weMessageDlg). |
Definition | |
DlgAllowEmpty | ... |
DlgHint | ... |
Controls | |
List | weList |
dlgProgressBox | Progress box dialog (based on weMessageDlg). |
Controls | |
Progress | weProgressBar |
dlgWaitBox | Wait box dialog (based on weMessageDlg). |
Controls | |
Progress | weProgressLine |
dlgAbout | Application about dialog (based on ngAboutDlg). |
Controls | |
AppInfo | weList |
weCalendar | Standard calendar control (based on ngCalendar). |
weEditDate | Standard edit date control (based on ngEditDate). |
weEditTime | Standard edit date control (based on ngEditTime). |
weMenu | Standard menu control (based on ngMenu). |
Properties | |
MenuImages | ... |
weMenuBar | Standard menu bar control (based on ngMenuBar). |
weMenuBarButton | Standard menu bar button control (based on ngMenuBarButton). |
weSplitButton | Button with menu control (based on ngSplitButton). |
weViewModelForm | View model form control (based on ngViewModelForm). |
weEditField | Standard drop down control (based on ngEditField). |
weSearchBoxField | Standard search box field control (based on weSearchBox). |
weEditBoxBtnField | Standard edit field control with elipsis button (based on weEditBoxBtn). |
weEditNumField | Standard drop down field control (based on ngEditNumField). |
weColorEditField | Standard color edit field control (based on weColorEdit). |
weDropDownField | Standard drop down field control (based on ngDropDownField). |
weDropDownListField | Standard drop down list field control (based on ngDropDownListField). |
weEditDateField | Standard edit date field control (based on ngEditDate). |
weEditTimeField | Standard edit date field control (based on ngEditTime). |
weMemoField | Standard memo field control (based on ngMemoField). |
weDBViewModelForm | View model form control (based on ngDBViewModelForm). |
weDBToolBar | Standard ViewModel database toolbar control (based on ngDBToolBar). |
weDataSet | Standard dataset control (based on ngDataSet). |
weDBDataSet | Standard dataset control (based on ngDBDataSet). |
Standard panel control (based on ngPanel).
Standard frame control (based on ngFrame).
Standard panel control (based on ngPanel).
Standard Frame control (based on ngFrame).
Standard text control (based on ngText).
Standard text control (based on ngText).
Standard text control (based on ngText).
Standard text control (based on ngText).
Standard image control (based on ngImage).
Standard check box control (based on ngCheckBox).
Standard radio button control (based on ngRadioButton).
Standard check box control (based on ngCheckBox).
Standard button control (based on ngButton).
Standard application button control (based on ngButton).
function Create_weAppButton( def, ref, parent ) { var th=theme(def); var img=(th ? winimages.AppButtonLight : winimages.AppButtonDark); var appimages=winimages.AppIcons[th]; ng_MergeDef(def, { className: (th ? 'weAppButtonLight' : 'weAppButtonDark'), W: img.W }); if((typeof def.Menu === 'object')&&(def.Menu)) { ng_MergeDef(def, { Data: { MenuVAlign: 'bottom', MenuHAlign: 'center', MenuOverlapY: 10 }, Menu: { } }); } var c=ngCreateControlAsType(def, 'ngButton', ref, parent); if(c) { c.OnGetImg = function(b, idx) { var image; switch(idx) { case 0: image=b.LeftImg; break; case 1: image=b.MiddleImg; break; case 2: image=b.RightImg; break; case -1: image=b.Img; var images=b.AppImages; if(!images) images=appimages; if(typeof image === 'string') image=images[image]; break; } return image; } c.MiddleImg=img; } return c; } ngRegisterControlType('weAppButton', function(def,ref,parent) { return Create_weAppButton(def,ref,parent); })
... Type: Array Default value: undefined
Standard label control (based on ngButton).
Standard link control (based on ngButton).
Standard group control (based on ngGroup).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Standard edit control (based on ngEdit).
Standard edit control with ellipsis button (based on weEdit).
Methods | |
Ellipsis | Invokes ellipsis. |
Events | |
OnEllipsis |
Standard edit number control with spin buttons (based on ngEditNum).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Standard color edit control (based on ngDropDown).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Methods | |
GetColor | Gets edited color value. |
Standard drop down control (based on ngDropDown).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Standard drop down list control (based on ngDropDownList).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Standard memo control (based on ngMemo).
Properties | |
Invalid | ... |
Methods | |
SetInvalid | Sets (visual) invalid state of control. |
Standard pages control (based on ngPages).
Standard pages control (based on ngPages).
Standard toolbar control (based on ngToolBar).
Standard progress bar control (based on ngProgressBar).
Standard progress dot control (based on ngText).
Standard progress dot control (based on ngText).
Standard progress dot control (based on ngText).
Standard list control (based on ngList).
Loading: { Type: 'weProgressDot', Theme: th, L: 10, T: ((controltype==='ngDataSet') || (controltype==='ngDBDataSet') || (def.Controls && def.Controls.List && def.Controls.List.Data && def.Controls.List.Data.Columns && def.Controls.List.Data.Columns.length>0) ? 55 : 8), Data: { Visible: false } }
Standard panel control (based on ngAlignPanel (ngAlignFrame)).
Standard Frame control (based on ngAlignPanel (ngAlignFrame)).
Standard split panel control (based on ngSplitPanel).
Drop-down panel control (based on ngDropPanel).
Standard window control (based on ngWindow).
Standard dialog control (based on ngWindow).
Definition | |
CloseBtn | ... |
MaxBtn | ... |
MinBtn | ... |
Standard hint control (based on ngHint).
Standard hint text control (based on ngTextHint).
Standard message box dialog (based on ngMessageDlg).
CheckBox: { Type: 'weCheckBox', Theme: th, L: 0, B: 10, Data: def.DlgCheckBox }
weCheckBox (if DlgCheckBox defined)
Message box dialog (based on weMessageDlg).
Input box dialog (based on weMessageDlg).
Dropdown dialog (based on weMessageDlg).
Dropdown list dialog (based on weMessageDlg).
Input memo dialog (based on weMessageDlg).
List box dialog (based on weMessageDlg).
Progress box dialog (based on weMessageDlg).
Wait box dialog (based on weMessageDlg).
Application about dialog (based on ngAboutDlg).
AppInfo: { className: (th ? 'weTextListBoxLight' : 'weTextListBoxDark')+' weAboutList', Type: 'weListBox', Theme: th, H: 150, Data: { DefaultIndent: 0 }, OverrideEvents: { OnGetTreeImg: function(list,item,id) { return((list.selected[id] && !th)||(!list.selected[id] && th) ? winimages.AboutTreeImgLight : winimages.AboutTreeImgDark); } } }
Standard calendar control (based on ngCalendar).
Standard edit date control (based on ngEditDate).
Standard edit date control (based on ngEditTime).
Standard menu control (based on ngMenu).
Standard menu bar control (based on ngMenuBar).
Standard menu bar button control (based on ngMenuBarButton).
Button with menu control (based on ngSplitButton).
View model form control (based on ngViewModelForm).
Standard drop down control (based on ngEditField).
Standard search box field control (based on weSearchBox).
Standard edit field control with elipsis button (based on weEditBoxBtn).
Standard drop down field control (based on ngEditNumField).
Standard color edit field control (based on weColorEdit).
Standard drop down field control (based on ngDropDownField).
Standard drop down list field control (based on ngDropDownListField).
Standard edit date field control (based on ngEditDate).
Standard edit date field control (based on ngEditTime).
Standard memo field control (based on ngMemoField).
View model form control (based on ngDBViewModelForm).
Standard ViewModel database toolbar control (based on ngDBToolBar).
Standard dataset control (based on ngDataSet).
Standard dataset control (based on ngDBDataSet).
Reference to WinEight control definitions.
var WinEightControls
...
function Create_weAppButton( def, ref, parent ) { var th=theme(def); var img=(th ? winimages.AppButtonLight : winimages.AppButtonDark); var appimages=winimages.AppIcons[th]; ng_MergeDef(def, { className: (th ? 'weAppButtonLight' : 'weAppButtonDark'), W: img.W }); if((typeof def.Menu === 'object')&&(def.Menu)) { ng_MergeDef(def, { Data: { MenuVAlign: 'bottom', MenuHAlign: 'center', MenuOverlapY: 10 }, Menu: { } }); } var c=ngCreateControlAsType(def, 'ngButton', ref, parent); if(c) { c.OnGetImg = function(b, idx) { var image; switch(idx) { case 0: image=b.LeftImg; break; case 1: image=b.MiddleImg; break; case 2: image=b.RightImg; break; case -1: image=b.Img; var images=b.AppImages; if(!images) images=appimages; if(typeof image === 'string') image=images[image]; break; } return image; } c.MiddleImg=img; } return c; } ngRegisterControlType('weAppButton', function(def,ref,parent) { return Create_weAppButton(def,ref,parent); })
Sets (visual) invalid state of control.
c.SetInvalid=function( r, update )
Invokes ellipsis.
c.Ellipsis=function()
Invokes search.
c.Search=function( t )
Gets edited color value.
c.GetColor = function()
Sets (visual) invalid state of control.
c.SetInvalid=function( r, update )
weList
List: { Type: ngVal(listtype,'weList'), Theme: th }
weProgressDot
Loading: { Type: 'weProgressDot', Theme: th, L: 10, T: ((controltype==='ngDataSet') || (controltype==='ngDBDataSet') || (def.Controls && def.Controls.List && def.Controls.List.Data && def.Controls.List.Data.Columns && def.Controls.List.Data.Columns.length>0) ? 55 : 8), Data: { Visible: false } }
weText
Hint: { Type: 'weText', L: 5, T: 2, Theme: WE_LIGHT }
Creates dialog.
function ngMessageDlg( type, text, caption, onclose, def )
ngPanel
Content: { Type: 'ngPanel', L: margin, R: margin, H: 15 }
weButton
OK: { Type: 'weButton', Theme: th, W: 90 }
weButton
Yes: { Type: 'weButton', Theme: th, W: 90 }
weButton
No: { Type: 'weButton', Theme: th, W: 90 }
weButton
Cancel: { Type: 'weButton', Theme: th, W: 90 }
weCheckBox (if DlgCheckBox defined)
CheckBox: { Type: 'weCheckBox', Theme: th, L: 0, B: 10, Data: def.DlgCheckBox }
weEdit
Edit: { Type: 'weEdit', Theme: th, L: 0, T: 6, R: 0, Data: { } }
weDropDown
ngRegisterControlType( 'weDlgDropDownBox', function(def,ref,parent) { return Create_dlgEditBox(def,ref,parent);} )
weDropDownList
ngRegisterControlType( 'weDlgDropDownListBox', function(def,ref,parent) { return Create_dlgEditBox(def,ref,parent);} )
weMemo
ngRegisterControlType( 'weDlgMemoBox', function(def,ref,parent) { return Create_dlgEditBox(def,ref,parent);} )
weList
List: { Type: 'weList', Theme: th, L: 0, T: 6, R: 0, H: 250, Data: { SelectType: nglSelectSingle } }
weProgressBar
Progress: { Type: 'weProgressBar', Theme: th, L: 0, T: 5, R: 0 }
weProgressLine
Progress: { Type: 'weProgressLine', Theme: th, L: -45, T: 5 }
weList
AppInfo: { className: (th ? 'weTextListBoxLight' : 'weTextListBoxDark')+' weAboutList', Type: 'weListBox', Theme: th, H: 150, Data: { DefaultIndent: 0 }, OverrideEvents: { OnGetTreeImg: function(list,item,id) { return((list.selected[id] && !th)||(!list.selected[id] && th) ? winimages.AboutTreeImgLight : winimages.AboutTreeImgDark); } } }