我试图让布局看起来像这样: hbox with vbox right panel http://img124.yfrog.com/img124/7643/mockup.png
我试图让这个工作变得有各种各样的乐趣.我终于得到了几乎可以工作的东西,但这只是因为我在Ext JS的3.2 beta中掉了下来.
我留下了最后一个问题.下面的代码几乎可以正确显示面板,但右侧面板不会拉伸以填充容器的右半部分.
如果我添加一个布局配置(显示在注释掉的代码中)并删除布局属性,那么我最终将所有三个面板垂直排列,而不是两个hbox面板被拉伸以填充空间而vbox面板位于一个以上另一个.
我真的很感激有人瞧不起下面的代码并指出我错过了什么,或者我是否遇到过ExtJS 3.2b中的错误.
谢谢
斯蒂芬
<html>
<head>
<script src="/script/ext/adapter/ext/ext-base-debug.js"></script>
<script src="/script/ext/ext-all-debug.js"></script>
<script type="text/javascript">
Ext.BLANK_IMAGE_URL = '/script/ext/resources/images/default/s.gif';
</script>
<script type="text/javascript">
Ext.onReady(function() {
var detailPanel = {
id : 'detail-panel',
contentEl : 'pageDetail',
title : 'Detail Panel'
};
var workflowPanel = {
id : 'workflowpanel',
title : 'Page Status',
contentEl : 'pageWorkflow'
};
var accessPanel = {
id : 'accesspanel',
title : 'Page Access',
contentEl: 'pageAccess'
};
var extraPanel = { …我有一个函数将字符串转换为数字
<cffunction name="convertToNumber" returntype="numeric">
<cfargument name="separator" required="Yes" type="string" />
<cfargument name="number" required="Yes" type="string" />
<cfset LOCAL.arrSeparator = ["comma", "period", "lakh_crore"] />
<cfif ARGUMENTS.separator eq "comma" or ARGUMENTS.separator eq "lakh_crore">
<cfif ListLen(ARGUMENTS.number, ".") eq 2>
<cfset LOCAL.integral = ListFirst(ARGUMENTS.number, ".") />
<cfset LOCAL.fractional = ListLast(ARGUMENTS.number, ".") />
<cfelse>
<cfset LOCAL.integral = ARGUMENTS.number />
<cfset LOCAL.fractional = "" />
</cfif>
<cfset LOCAL.integral = Replace(LOCAL.integral, ",", "", "ALL") />
<cfset LOCAL.returnValue = LOCAL.integral />
<cfif Len(Trim(LOCAL.fractional))>
<cfset LOCAL.returnValue &= "." & LOCAL.fractional /> …我正在向TreePanel添加自定义上下文菜单.当我在上下文菜单中有一个单独的函数时,这一切都正常工作,但是如果我单击其中一个选项然后再次查看上下文菜单,我遇到的问题是上下文菜单项最终会加倍/三倍.
我浏览了其他的上下文例子,然后由Aaron Conran提出了这个例子.我几乎只是通过一些补充来"偷"它,将函数直接添加到Ext.ext.treePanel配置中.这给了我一个关于"oe is undefined"的错误,它似乎在树配置中引用了"contextmenu:this.onContextMenu".
我认为这可能与我定义所有这些的方式有关,所以我决定将Ext.ext.TreePanel与我的函数一起扩展为一个学习练习.
不幸的是,当页面试图构建TreePanel时,我已经设法解决了扩展TreePanel的问题,现在又回到了"oe is undefined".我已经环顾四周,我不确定是什么导致了这个问题,所以任何帮助或建议将不胜感激.
以下是用于定义/构建树面板的代码.我希望它不会太可怕.
siteTree = Ext.extend(Ext.tree.TreePanel,{
constructor : function(config){
siteTree.superclass.constructor.call(this, config);
},
onContextMenu: function(n,e){
if (!this.contextMenu){
console.log('treeContextMenu',n,e);
if (n.parentNode.id == 'treeroot'){
var menuitems = [{text:'Add Child',id:'child'}];
} else {
var menuitems =
[{text:'Add Child',id:'child'},
{text:'Add Above',id:'above'},
{text:'Add Below',id:'below'}];
}
this.contextMenu = new Ext.menu.Menu({
id:'treeContextMenu',
defaults :{
handler : treeContextClick,
fqResourceURL : n.id
},
items : menuitems
});
}
var xy = e.getXY();
this.contextMenu.showAt(xy);
}
});
var treePanel = new …