本站首页    管理页面    写新日志    退出


«September 2022»
123
45678910
11121314151617
18192021222324
252627282930


公告

关注电子政务、大型企业应用开发、Web、Workflow、MOM、MDA、RCP、GEF

email:gmluyang@gmail.com


链接

好友
bluedavy-林昊
刑红瑞
SixSun-翻译
Birt中文指南
SixSun-OpenDoc
Eclipse RCP and Web in action(编写中)

我的分类(专题)

日志更新

最新评论

留言板


Blog信息
blog名称:SixSun的Blog
日志总数:152
评论数量:372
留言数量:13
访问次数:2340597
建立时间:2004年12月13日




[Rich Client Platform]Rich Web UI
软件技术

SixSun 发表于 2008/4/25 10:06:59

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> 


阅读全文(7711) | 回复(0) | 编辑 | 精华
 



发表评论:
昵称:
密码:
主页:
标题:
验证码:  (不区分大小写,请仔细填写,输错需重写评论内容!)



站点首页 | 联系我们 | 博客注册 | 博客登陆

Sponsored By W3CHINA
W3CHINA Blog 0.8 Processed in 0.031 second(s), page refreshed 144742067 times.
《全国人大常委会关于维护互联网安全的决定》  《计算机信息网络国际联网安全保护管理办法》
苏ICP备05006046号