Apusic 社区 » OperaMasks SDK » 在打开的UIWindow中，按钮不能显示在toolbar上，很奇怪！（已经解决）

打印

在打开的UIWindow中，按钮不能显示在toolbar上，很奇怪！（已经解决）

simon.xu

注册会员

Rank: 2

UID: 2531
帖子: 102
积分: 159
在线时间: 63 小时

发短消息
加为好友
当前离线

1楼大中小发表于 2008-12-12 10:30 只看该作者

在打开的UIWindow中，按钮不能显示在toolbar上，很奇怪！（已经解决）

环境：
Apusic studio 5.1GA,
Apusic 5.1 sp1,
AOM2.1
场景就是：在test.html中利用layout:window来打开另一个页面，另一个页面上有datagrid和toolbar, toolbar上的按钮不能显示出来，非常奇怪。
test.xhtml代码如下：

复制内容到剪贴板

JSP 代码:

<f:view xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:f=\"http://java.sun.com/jsf/core\" xmlns:w=\"http://www.apusic.com/jsf/widget\" xmlns:layout=\"http://www.apusic.com/jsf/layout\" xmlns:h=\"http://java.sun.com/jsf/html\" xmlns:ajax=\"http://www.apusic.com/jsf/ajax\" renderkitid=\"AJAX\">
   <w:head>
 
   </w:head>
   <w:page title=\"Insert title here\">
   <layout:window width=\"700\" height=\"300\" id=\"itemsDialog\" y=\"5\">
         <ajax:updater url=\"go.xhtml\"></ajax:updater>
      </layout:window>
   </w:page>
</f:view>

testBean代码

复制内容到剪贴板

JAVA 代码:

@ManagedBean(name=\"module.testBean\", scope=ManagedBeanScope.SESSION)
public class TestBean implements Serializable {
 
 
    /**
    * 绑定页面的模块项Window组件
    */
   @Bind(id = \"itemsDialog\", attribute = \"binding\")
   private UIWindow itemsDialog;
 @BeforeRender
   protected void beforeRender(boolean isPostBack) {
      itemsDialog.show();
   }
}

另一个测试页面：go.xhtml

复制内容到剪贴板

JSP 代码:

<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<!DOCTYPE HTML PUBLIC \"\" \"\">
<f:view xmlns=\"http://www.w3.org/1999/xhtml\" xmlns:f=\"http://java.sun.com/jsf/core\"
   xmlns:w=\"http://www.apusic.com/jsf/widget\" xmlns:layout=\"http://www.apusic.com/jsf/layout\"
   xmlns:h=\"http://java.sun.com/jsf/html\" xmlns:ajax=\"http://www.apusic.com/jsf/ajax\"
   renderKitId=\"AJAX\">
   <w:head>
      <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />
   </w:head>
   <w:page title=\"Insert title here\">
  <w:form>
         <w:dataGrid paged=\"true\" rows=\"10\" toolBarPosition=\"both\" height=\"209\" id=\"grid\">
            <w:outputColumn id=\"id\"></w:outputColumn>
            <w:outputColumn id=\"topic\" header=\"主题\"></w:outputColumn>
            <w:outputColumn id=\"userName\" header=\"用户名\"></w:outputColumn>
            <w:outputColumn id=\"applyDate\" header=\"申请时间\"></w:outputColumn>
            <w:toolBar for=\"grid\">            
               <w:button id=\"create\" value=\"添加\"/>
               <w:button id=\"modify\" value=\"更改\"/>
               <w:button id=\"remove\" value=\"删除\"/>
               <w:button id=\"refresh\" value=\"刷新\"/>
            </w:toolBar>
            <w:pagingToolbar target=\"grid\"/>      
         </w:dataGrid>
      </w:form>
 
   </w:page>
</f:view>

[ 本帖最后由 simon_xu_sh 于 2008-12-12 16:12 编辑 ]

附件

1.JPG (11.72 KB)

2008-12-12 10:37

2.JPG (40.93 KB)

2008-12-12 10:41

TOP

simon.xu

注册会员

Rank: 2

UID: 2531
帖子: 102
积分: 159
在线时间: 63 小时

发短消息
加为好友
当前离线

2楼大中小发表于 2008-12-12 13:23 只看该作者

自己顶一下，这是一个Bug吗？

TOP

bean.L

高级会员

Rank: 4

UID: 1699
帖子: 474
积分: 953
在线时间: 266 小时

发短消息
加为好友
当前离线

3楼大中小发表于 2008-12-12 13:44 只看该作者

经测试，无法重现你的问题，建议进行如下操作：
1、清除浏览器缓存；
2、运行测试测试，右键查看页面源代码，看是否有按钮的渲染代码，如果不能判断，请将代码保存下来，以附件的方式贴上来，我再看看。
另外：关于发贴的一点建议：
代码不要用图片贴出，尽量使用发帖编辑器的插入代码功能，方便他人进行复制粘贴。

TOP

simon.xu

注册会员

Rank: 2

UID: 2531
帖子: 102
积分: 159
在线时间: 63 小时

发短消息
加为好友
当前离线

4楼大中小发表于 2008-12-12 14:34 只看该作者

引用:

原帖由 bean 于 2008-12-12 13:44 发表
经测试，无法重现你的问题，建议进行如下操作：
1、清除浏览器缓存；
2、运行测试测试，右键查看页面源代码，看是否有按钮的渲染代码，如果不能判断，请将代码保存下来，以附件的方式贴上来，我再看看。
另外：关于发贴的一点建议：
代码不要 ...

多谢指导，重新测试一下，还是这样子。
页面源代码：

复制内容到剪贴板

JSP 代码:

<?xml version=\"1.0\" encoding=\"UTF-8\"?>
<!DOCTYPE HTML PUBLIC \"\" \"\" >
<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\" \"http://www.w3.org/TR/html4/loose.dtd\">
<html lang=\"zh\">
<head>
<title>Insert title here</title>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ajax.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/ext-base.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/ext-core.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/state.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/util.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/widget-core.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/dragdrop.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/resizable.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/splitbar.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/layout.js\"></script>
<script type=\"text/javascript\">Ext.BLANK_IMAGE_URL=\"/websys/_global/resource/ext/s.gif\";</script>
<link class=\"x-skin\" rel=\"stylesheet\" type=\"text/css\" href=\"/websys/_global/skin/default/yuiext/css/ext-all.css\"/>
<link class=\"x-skin\" rel=\"stylesheet\" type=\"text/css\" href=\"/websys/_global/skin/default/yuiext/css/ext-extra.css\"/>
 
      <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/></head>
<body id=\"j_id3\" class=\"skin-default\">
<div id=\"items\" class=\"x-hidden\" style=\"\">
<div class=\"x-window-header\"></div><div style=\"position:relative;\" class=\"x-window-body\"><div id=\"j_id4\" style=\"position:relative;\">
      <meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\"/><script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/data.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/ux/MenuItemPlugin.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/menus.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/ux/TabCloseMenu.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/form.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/ux/XGrid.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/grid.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/om/FacesProxy.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/om/SelectionModel2.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/button.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/menu-button.js\"></script>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/package/toolbar.js\"></script>
<form id=\"j_id4_4\" name=\"j_id4_4\" method=\"post\" action=\"/websys/module/test.faces\" enctype=\"application/x-www-form-urlencoded\">
<div id=\"j_id4_4_grid:j_id4_5\" target=\"grid\"><span id=\"j_id4_4_grid:create\"></span><span id=\"j_id4_4_grid:modify\"></span><span id=\"j_id4_4_grid:remove\"></span><span id=\"j_id4_4_grid:refresh\"></span></div>
<div id=\"j_id4_4_grid\" height=\"209\"></div>
<span id=\"j_id4_4_none\"></span><input type=\"hidden\" name=\"j_id4_4:_postback\"/></form><script type=\"text/javascript\" language=\"Javascript\">OM.ajax.initForm(document.forms['j_id4_4'],{params:{'j_id4_4_grid:create':''}},null);</script></div></div></div>
<script type=\"text/javascript\" src=\"/websys/_global/resource/ext/locale/ext-lang.js?zh_CN\"></script>
<script type=\"text/javascript\">
<!--
if(Ext && Ext.QuickTips)Ext.QuickTips.init();
var items,j_id4_4_grid,j_id4_4_grid$j_id4_5,j_id4_4_grid$create,j_id4_4_grid$modify,j_id4_4_grid$remove,j_id4_4_grid$refresh;
Ext.onReady(function(){
 
document.body.insertBefore(document.createElement('style'), document.body.firstChild );
items = new Ext.Window({height:300,
keys:[{key: 27, fn: function(){items.hide();}}],
layout:\"fit\",
width:700,
closeAction:\"hide\",
applyTo:\"items\",
y:5})
j_id4_4_grid_cm = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(),{dataIndex:'id'},{dataIndex:'topic',header:'主题'},{dataIndex:'userName',header:'用户名'},{dataIndex:'applyDate',header:'申请时间'}]);
j_id4_4_grid_ds = new Ext.data.Store({proxy: new Ext.data.FacesScriptProxy({url: '/websys/module/test.faces', extraParams: {_ajaxDataProxy_grid:'grid','j_id4_4:_postback':''}}),reader: new Ext.data.FacesReader({root:'records',totalProperty:'totalcount'},['id','topic','userName','applyDate','_serverRowIndex'])});
j_id4_4_grid_sm = new Ext.grid.RowSelectionModel2({singleSelect:false});
j_id4_4_grid = new Ext.grid.GridPanel({store:j_id4_4_grid_ds,cm:j_id4_4_grid_cm,sm:j_id4_4_grid_sm,layout:'fit',el:'j_id4_4_grid',loadMask:false,enableCtxMenu:false,plugins: new Ext.ux.plugins.XGrid()});
j_id4_4_grid_sm.on('rowselect', function(_sm,rowIndex){
var currRow = _sm.rowOfIndex(rowIndex);
OM.ajax.addRequestParameter('j_id4_4_grid:_selectedRow',currRow);
OM.ajax.addRequestParameter('j_id4_4_grid:_selections',_sm.getSelectedRows());
},j_id4_4_grid);
j_id4_4_grid_ds.on('load', function(d,r,o){var row=Number(o.params && o.params.row);if(!isNaN(row) && row>=0){this.getSelectionModel().internalSelectRow(row);}},j_id4_4_grid);
j_id4_4_grid_topbar = new Ext.PagingToolbar({store:j_id4_4_grid_ds, pageSize:10});
Ext.apply(j_id4_4_grid,{tbar:j_id4_4_grid_topbar});j_id4_4_grid.initComponent();
if (typeof j_id4_4_grid_topbar != 'undefined') {j_id4_4_grid$j_id4_5 = j_id4_4_grid_topbar;}Ext.apply(j_id4_4_grid, {tbar: j_id4_4_grid$j_id4_5});
j_id4_4_grid.initComponent();j_id4_4_grid.getStore().load({params:{start: 0, limit: 10}});
j_id4_4_grid.render();
 
if (typeof j_id4_4_grid$create != 'undefined') {
j_id4_4_grid$j_id4_5.addButton(j_id4_4_grid$create);
}j_id4_4_grid$create=new Ext.Toolbar.Button({text:'添加',disabled:false});
j_id4_4_grid$create.on('click', function(){OM.ajax.submit('j_id4_4',null,{'j_id4_4_grid:create':''},false);});
 
if (typeof j_id4_4_grid$modify != 'undefined') {
j_id4_4_grid$j_id4_5.addButton(j_id4_4_grid$modify);
}j_id4_4_grid$modify=new Ext.Toolbar.Button({text:'更改',disabled:false});
j_id4_4_grid$modify.on('click', function(){OM.ajax.submit('j_id4_4',null,{'j_id4_4_grid:modify':''},false);});
 
if (typeof j_id4_4_grid$remove != 'undefined') {
j_id4_4_grid$j_id4_5.addButton(j_id4_4_grid$remove);
}j_id4_4_grid$remove=new Ext.Toolbar.Button({text:'删除',disabled:false});
j_id4_4_grid$remove.on('click', function(){OM.ajax.submit('j_id4_4',null,{'j_id4_4_grid:remove':''},false);});
 
if (typeof j_id4_4_grid$refresh != 'undefined') {
j_id4_4_grid$j_id4_5.addButton(j_id4_4_grid$refresh);
}j_id4_4_grid$refresh=new Ext.Toolbar.Button({text:'刷新',disabled:false});
j_id4_4_grid$refresh.on('click', function(){OM.ajax.submit('j_id4_4',null,{'j_id4_4_grid:refresh':''},false);});
 
});
//-->
</script>
<script type=\"text/javascript\">
<!--
Ext.onReady(function(){
items.show();
 
});
//-->
</script>
 
</body></html>

TOP

simon.xu

注册会员

Rank: 2

UID: 2531
帖子: 102
积分: 159
在线时间: 63 小时

发短消息
加为好友
当前离线

5楼大中小发表于 2008-12-12 15:05 只看该作者

引用:

原帖由 bean 于 2008-12-12 13:44 发表
经测试，无法重现你的问题，建议进行如下操作：
1、清除浏览器缓存；
2、运行测试测试，右键查看页面源代码，看是否有按钮的渲染代码，如果不能判断，请将代码保存下来，以附件的方式贴上来，我再看看。
另外：关于发贴的一点建议：
代码不要 ...

我又测试了一下，把能正常显示Button的页面，放到layou:window中就不能显示出来了。设计和预览模式下，都可以看到button的。为什么一放到layout:window中就不显示了呢？要升级到AOM2.2吗？我的是AOM2.1

TOP

bean.L

高级会员

Rank: 4

UID: 1699
帖子: 474
积分: 953
在线时间: 266 小时

发短消息
加为好友
当前离线

6楼大中小发表于 2008-12-12 15:26 只看该作者

从页面代码上看，button应经正确渲染，应该可以正常显示。另外，我用AOM2.1测试，无法重现你的问题，请你查看一下operamasks-impl.jar中的MANIFEST.MF，把文件的内容贴一下。你也可以尝试一下用AOM2.2是否会出现同样的问题。

TOP

simon.xu

注册会员

Rank: 2

UID: 2531
帖子: 102
积分: 159
在线时间: 63 小时

发短消息
加为好友
当前离线

7楼大中小发表于 2008-12-12 16:11 只看该作者

引用:

原帖由 bean 于 2008-12-12 15:26 发表
从页面代码上看，button应经正确渲染，应该可以正常显示。另外，我用AOM2.1测试，无法重现你的问题，请你查看一下operamasks-impl.jar中的MANIFEST.MF，把文件的内容贴一下。你也可以尝试一下用AOM2.2是否会出现同样的问题。 ...

多谢，问题已经解决。是我的的operamask2.0的问题，升级到AOM2.1，正常了。再次感谢！

TOP

‹‹ 上一主题 | 下一主题 ››