|
|
| (112 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | When you write a Rich UI application, the typical process is as follows:
| |
| | | | |
| − | *Create a Handler type of stereotype RUIHandler.<br>
| |
| − | *Declare the widgets and customize them; for example, by assigning and coding event handlers. <br>
| |
| − | *Display a given widget by including it either in the '''initialUI''' array of the Rich UI handler or in the '''children''' array of another widget.<br>
| |
| − | *Write initialization code in the on-construction function.<br>
| |
| − |
| |
| − | The following sections give examples of widget use and are in the same order as the sections of the Rich UI palette: [[#Display and input|Display and input]], [[#Layout|Layout]], and [[#Visualization|Visualization]].<br>
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | = Display and input =
| |
| − |
| |
| − | == Button ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Button (DojoButton) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | <br>
| |
| − |
| |
| − | == Calendar (DojoCalendar) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Checkbox ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Checkbox (DojoCheckbox) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == ColorPalette (DojoColorPalette) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Combo ==
| |
| − | The user of the next example selects a combo entry and places the selected value in a text field:
| |
| − | <source lang="java">
| |
| − | package client;
| |
| − |
| |
| − | import org.eclipse.edt.rui.widgets.Box;
| |
| − | import org.eclipse.edt.rui.widgets.Combo;
| |
| − | import org.eclipse.edt.rui.widgets.TextField;
| |
| − | import eglx.ui.rui.Event;
| |
| − | import eglx.ui.rui.RUIHandler;
| |
| − |
| |
| − |
| |
| − | Handler MyHandler Type RUIHandler
| |
| − | { initialUI = [myBox] }
| |
| − |
| |
| − | myBox Box{columns=2, children= [myCombo, myTextField]};
| |
| − |
| |
| − | myCombo Combo
| |
| − | {
| |
| − | values = ["one", "two", "three", "four"],
| |
| − | selection = 2, onChange ::= changeFunction
| |
| − | };
| |
| − |
| |
| − | myTextField TextField
| |
| − | {text = myCombo.values[myCombo.selection]};
| |
| − |
| |
| − | Function changeFunction(e Event IN)
| |
| − | myTextField.text = myCombo.values[myCombo.selection];
| |
| − | end
| |
| − | end
| |
| − | </source>
| |
| − |
| |
| − | == ComboBox (DojoComboBox) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == CurrencyTextBox (DojoCurrencyTextBox) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == DataGrid and related types ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | package client;
| |
| − |
| |
| − | import org.eclipse.edt.rui.widgets.Box;
| |
| − | import org.eclipse.edt.rui.widgets.DataGrid;
| |
| − | import org.eclipse.edt.rui.widgets.DataGridColumn;
| |
| − | import org.eclipse.edt.rui.widgets.DataGridTooltip;
| |
| − | import org.eclipse.edt.rui.widgets.TextArea;
| |
| − | import eglx.ui.rui.RUIHandler;
| |
| − |
| |
| − | Record Stock
| |
| − | Symbol STRING;
| |
| − | Quote DECIMAL(5,2);
| |
| − | NumShares INT;
| |
| − | end
| |
| − |
| |
| − | handler MyHandler type RUIhandler { initialUI = [ grid ],
| |
| − | onConstructionFunction = start }
| |
| − | stockList Stock[] = [
| |
| − | new Stock{Symbol = "Company1", Quote = 100.00, NumShares = 40 },
| |
| − | new Stock{Symbol = "Company2", Quote = 200.00, NumShares = 10 },
| |
| − | new Stock{Symbol = "Company3", Quote = 100.00, NumShares = 40 } ];
| |
| − |
| |
| − | grid DataGrid {
| |
| − | data = stockList as any[],
| |
| − | behaviors = [myDataGridToolTip.setToolTips],
| |
| − | pageSize = 15,
| |
| − | columns = [
| |
| − | new DataGridColumn { name = "Symbol", displayName = "Symbol Display"},
| |
| − | new DataGridColumn { name = "Quote", displayName = "Quote Display"},
| |
| − | new DataGridColumn { name = "NumShares", displayName = "NumShares Display" }]};
| |
| − |
| |
| − | myDataGridTooltip DataGridTooltip { provider = tooltipText, tooltip.delay = 1000 };
| |
| − |
| |
| − | tooltipBox Box{columns=1, width=475};
| |
| − |
| |
| − | function start()
| |
| − |
| |
| − | end
| |
| − |
| |
| − | function tooltipText (rowData any in, fieldName String in, td Widget in) returns (Box)
| |
| − |
| |
| − | tooltipArea TextArea { width=450, height=100, paddingLeft=7, marginLeft=7 };
| |
| − | tooltipBox.children = [ tooltipArea ];
| |
| − | tooltipArea.text =
| |
| − | "In function tooltipText (a tooltip provider):" +
| |
| − | "\n o fieldName is the column name ('"+fieldName+"')." +
| |
| − | "\nYou can access cell content:" +
| |
| − | "\n o td.innerText is '"+td.innerText+"'." +
| |
| − | "\n o rowData["+fieldName+"] is '"+rowData[fieldName] + "'.";
| |
| − | return (tooltipBox);
| |
| − | end
| |
| − | end
| |
| − | </source>
| |
| − |
| |
| − | == DateTextBox (DojoDateTextBox) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == Editor (DojoEditor) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Grid (DojoGrid) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == HorizontalSlider (DojoHorizontalSlider) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == HTML ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Hyperlink ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Image ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == List ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == ListMulti ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Menu ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Menu (DojoMenu) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == PasswordTextField ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == ProgressBar (DojoProgressBar) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == RadioGroup ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | == RadioGroup (DojoRadioGroup) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Shadow ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Span ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TextArea ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TextArea (DojoTextArea) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TextField ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TextField (DojoTextField) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TextLabel ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TimeTextBox (DojoTimeTextBox) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == ToggleButton (DojoToggleButton) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Tooltip (DojoTooltip) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TooltipDialog (DojoTooltipDialog) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Tree (DojoTree) and related types ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | = Layout =
| |
| − |
| |
| − | == AccordionContainer (DojoAccordionContainer) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == BorderContainer (DojoBorderContainer) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Box ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == ContentPane (DojoContentPane) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == ContextMenu (DojoContextMenu) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Dialog (DojoDialog) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Div, FloatLeft, and FloatRight ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == GridLayout and related types ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == Grouping ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == StackContainer (DojoStackContainer) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TabContainer (DojoTabContainer) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == TitlePane (DojoTitlePane) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − |
| |
| − | = Visualization =
| |
| − |
| |
| − |
| |
| − | == BarGraph (DojoBarGraph) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == BubbleChart (DojoBubbleChart) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == LineGraph (DojoLineGraph) ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | == PieChart (DojoPieChart) and related types ==
| |
| − |
| |
| − | <source lang="java">
| |
| − |
| |
| − | </source>
| |
| − |
| |
| − | <br> <br><br> ♦ [[EDT:Code snippets|Code snippets main page]] <br>
| |
| − |
| |
| − | [[Category:EDT]]
| |
