|
500)this.width=500'>org.sixsun.wrp.web.html.ui.rar version0.1
ui - 多个示例代码(例如 - ui\web\html\ui\container\box\AllInOne.html)src - javascript代码，仅仅构建UI的结构和行为style - 决定UI的样式外观
PS:时间匆匆，问题多多，不善此道，做到后面就陷入一大堆问题之中，比如UI之间的通讯，父容器UI如何管理子UI的，如何监听UI的事件，UI资源释的释放，浏览器兼容性等等。500)this.width=500'>
<SCRIPT LANGUAGE="JavaScript"><!-- // 主窗口 var main = new Box(); main.setText("XXXX公司"); main.displayButtonBar(); main.max(); // 分割主窗口(main)的Y分隔条 var splitbary = new SplitBarY(150); main.addChild(splitbary); // Y分隔条的左边窗口 var yLeft = new SimpleBox(); yLeft.getBox().setText( '用户窗口' ); yLeft.getBox().setIcon( 'IOCN_CRUD_USER' ); yLeft.setMinTarget( main.getStateBar() ); splitbary.addToLeft(yLeft); // 分割Y分隔条(splitbary)的右边窗口的X分隔条 var rightSplitbarx = new SplitBarX(200); splitbary.addToRight(rightSplitbarx); //splitbary.addToLeft(splitbarx); // X分隔条的上边窗口 var righttop = new SimpleBox(); righttop.getBox().setText( '日期窗口' ); righttop.getBox().setIcon( 'ICON_DATE' ); righttop.setMinTarget( main.getStateBar()); rightSplitbarx.addToTop( righttop ); // X分隔条的下边窗口 var rightbottom = new SimpleBox(); rightbottom.getBox().setText( '帮助窗口' ); rightbottom.getBox().setIcon( 'ICON_HELP' ); rightbottom.setMinTarget( main.getStateBar() ); rightSplitbarx.addToBottom(rightbottom); //--></SCRIPT> <script type="text/javascript"><!-- 下拉菜单 --> // 创建横纵向菜单样例，'ICON_ACCEPT'等为图表常量 var menuY = new Menu(); menuY.addMenuItem('1', '', '文件(File)', 'ICON_ACCEPT', '#' , ''); menuY.addMenuItem('2', '', '编辑(Edit)', 'ICON_ADD', '#' , ''); menuY.addMenuItem('3', '', '导航(Navigate)', 'ICON_CANCEL', '#' , ''); menuY.addMenuItem('4', '', '查询(Search)', 'ICON_DATE', '#' , ''); menuY.addMenuItem('5', '', '项目(Project)', 'ICON_DELETE', '#' , ''); menuY.addMenuItem('6', '', '运行(Run)', 'ICON_EMAIL', '#' , ''); menuY.addMenuItem('7', '', '窗口(WIndow)', 'ICON_ERROR', '#' , ''); menuY.addMenuItem('8', '', '帮助(Help)', 'ICON_EXCLAMATION', '#' , ''); menuY.addMenuItem('1.1', '1', '新建(New)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('1.1.1', '1.1', '项目(Project)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('1.1.2', '1.1', '项目...(Project...)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('1.2', '1', '-', '-', '#' , ''); menuY.addMenuItem('1.3', '1', '退出(Edit)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.1', '2', '撤销(Undo)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.2', '2', '重做(Redo)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.3', '2', '剪切(Cut)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.4', '2', '-', '-', '#' , ''); menuY.addMenuItem('2.5', '2', '复制(Copy)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.6', '2', '粘贴(Paste)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.7', '2', '-', '-', '#' , ''); menuY.addMenuItem('2.8', '2', '删除(Delete)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.9', '2', '全选(Select All)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('2.10', '2','查找/替换(F/R)', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('4.1', '4', '查询...', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.1', '7', '新建窗口', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.2', '7', '新建编辑器', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.3', '7', '-', '-', '#' , ''); menuY.addMenuItem('7.4', '7', '打开透视图', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.5', '7', '打开视图', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.6', '7', '-', '-', '#' , ''); menuY.addMenuItem('7.7', '7', '自定义视图...', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.8', '7', '保存视图...', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.9', '7', '重设视图', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.10', '7', '关闭视图', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.11', '7', '关闭所有视图', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('7.12', '7', '-', '-', '#' , ''); menuY.addMenuItem('7.6', '7', '参数选择', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('8.1', '8', '欢迎', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('8.2', '8', '帮助内容', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('8.3', '8', '-', '-', '#' , ''); menuY.addMenuItem('8.4', '8', '软件更新', 'ICON_PRINTER', '#' , ''); menuY.addMenuItem('8.5', '8', '-', '-', '#' , ''); menuY.addMenuItem('8.6', '8', '关于', 'ICON_PRINTER', '#' , ''); // 主窗口添加菜单栏 main.setMenuBar(menuY);//--></SCRIPT>
<script type="text/javascript"><!-- 横向菜单 -->
// 创建横向菜单样例，'ICON_PRINTER'为图标常量 var menuX = new Menu(); menuX.setX();
menuX.addMenuItem('1', '', '主菜单项1', 'ICON_ACCEPT', '#' , ''); menuX.addMenuItem('2', '', '主菜单项2', 'ICON_ADD', '#' , ''); menuX.addMenuItem('3', '', '主菜单项3', 'ICON_CANCEL', '#' , ''); menuX.addMenuItem('4', '', '主菜单项4', 'ICON_DATE', '#' , ''); menuX.addMenuItem('5', '', '主菜单项5', 'ICON_DELETE', '#' , ''); menuX.addMenuItem('6', '', '主菜单项6', 'ICON_EMAIL', '#' , ''); menuX.addMenuItem('7', '', '主菜单项7', 'ICON_ERROR', '#' , ''); menuX.addMenuItem('8', '', '主菜单项8', 'ICON_EXCLAMATION', '#' , ''); menuX.addMenuItem('1.1', '1', '菜单项1-1', 'ICON_PRINTER', 'http://www.163.com' , ''); menuX.addMenuItem('1.2', '1', '菜单项1-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3', '1', '菜单项1-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.4', '1', '菜单项1-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.5', '1', '菜单项1-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.1', '1.3', '菜单项1-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2', '1.3', '菜单项1-3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.3', '1.3', '菜单项1-3-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.4.1', '1.4', '菜单项1-4-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.4.2', '1.4', '菜单项1-4-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.5.1', '1.5', '菜单项1-5-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.5.2', '1.5', '菜单项1-5-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.1', '1.3.2', '菜单项1-3-2.1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2', '1.3.2', '菜单项1-3-2.2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.3', '1.3.2', '菜单项1-3-2.3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.1', '1.3.2.2', '菜单项1-3-2.2.1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.2', '1.3.2.2', '菜单项1-3-2.2.2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.3', '1.3.2.2', '菜单项1-3-2.2.3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.4', '1.3.2.2', '菜单项1-3-2.2.4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.5', '1.3.2.2', '菜单项1-3-2.2.5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.6', '1.3.2.2', '菜单项1-3-2.2.6', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.7', '1.3.2.2', '菜单项1-3-2.2.7', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.8', '1.3.2.2', '菜单项1-3-2.2.8', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.9', '1.3.2.2', '菜单项1-3-2.2.9', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.10', '1.3.2.2', '菜单项1-3-2.2.10', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.11', '1.3.2.2', '菜单项1-3-2.2.11', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('1.3.2.2.6.1', '1.3.2.2.6', '菜单项1-3-2.2.6.1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('2.1', '2', '菜单项2-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('2.2', '2', '菜单项2-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('2.3', '2', '菜单项2-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('2.4', '2', '菜单项2-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('2.5', '2', '菜单项2-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.1', '3', '菜单项3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.2', '3', '菜单项3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.3', '3', '菜单项3-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.4', '3', '菜单项3-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.5', '3', '菜单项3-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.3.1', '3.3', '菜单项3-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('3.3.2', '3.3', '菜单项3-3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.1', '5', '菜单项5-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.2', '5', '菜单项5-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.3', '5', '菜单项5-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.4', '5', '菜单项5-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.5', '5', '菜单项5-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.3.1', '5.3', '菜单项5-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('5.3.2', '5.3', '菜单项5-3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.1', '6', '菜单项6-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.2', '6', '菜单项6-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.3', '6', '菜单项6-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.4', '6', '菜单项6-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.5', '6', '菜单项6-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.3.1', '6.3', '菜单项6-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('6.3.2', '6.3', '菜单项6-3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.1', '7', '菜单项7-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.2', '7', '菜单项7-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.3', '7', '菜单项7-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.4', '7', '菜单项7-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.5', '7', '菜单项7-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.3.1', '7.3', '菜单项7-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('7.3.2', '7.3', '菜单项7-3-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.1', '8', '菜单项8-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.2', '8', '菜单项8-2', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.3', '8', '菜单项8-3', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.4', '8', '菜单项8-4', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.5', '8', '菜单项8-5', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.3.1', '8.3', '菜单项8-3-1', 'ICON_PRINTER', '#' , ''); menuX.addMenuItem('8.3.2', '8.3', '菜单项8-3-2', 'ICON_PRINTER', '#' , ''); yLeft.addChild(menuX);
</script>
<SCRIPT LANGUAGE="JavaScript"><!-- // 创建ToolBar样例
var label = "ICON_ACCEPT,ICON_CANCEL,ICON_STOP,ICON_ERROR,ICON_EXCLAMATION,ICON_INFO"; var labels = label.split(","); for(var i=0; i<labels.length; i++){ var icon = labels[i]; main.addToolBarButton(new Label(icon, "", icon)); } //--></SCRIPT> <script type="text/javascript"><!-- // 创建Group的样例 // new Group Object. var group1 = new Group(); group1.setTitle('title-1'); group1.addToParent(rightbottom); // new Group Object. var group2 = new Group(); group2.setTitle('title-2'); group2.addToParent(rightbottom);
//--></script> <script type="text/javascript"><!--
// 视图容器 var view = new View(); view.create('标题栏-0'); view.create('标题栏-1'); view.create('标题栏-2'); view.create('标题栏-3'); view.create('标题栏-4'); view.create('标题栏-5'); view.create('标题栏-6'); view.create('标题栏-7'); view.create('标题栏-8'); view.create('标题栏-9'); // 激活第一个页面 view.activeByIdx(0); // 是否创建下拉视图选项菜单 view.createPullDownViewItemMenu(); // righttop容器添加该视图容器 righttop.addChild(view);//--></script> |
