怎样在Extjs框架中嵌入html

怎样在Extjs框架中嵌入html,第1张

用html属性

{bodyStyle:'background:#069color:#FFFfont-size:12pxpadding-top:12px',html:'欢迎您!管理员'}

完整案例:

var hd={//这个就是上

region:'north',

height:40,

bodyStyle:'background:#069color:#FFFfont-size:12pxpadding-top:12px',

html:'欢迎您!管理员'

}

var mainMenu={

id:'menu_panel',

region:'west',

title:'功能菜单',

iconCls:'icon_menu',

split:true,

width:135,

minSize:100,

maxSize:250,

margins:'2 0 5 5',

cmargins:'2 5 5 5',

collapsible:true,

bodyBorder:false,

bodyStyle:'background-color:#DFE8F6',

layout:{type:'accordion',animate:false},

defaults:{border:false,bodyStyle:'padding:0px'},

items:[]

}

var modulePanel={

id:'module_panel',

region:'center',

border:false,

layout:'card',

margins:'2 5 5 0',

cmargins:'2 5 5 5',

activeItem:0,

items:[

{title:'欢迎进入管理系统 V1.0',id:'dashboard',

html:'内容区'

}]

}

var viewport=new Ext.Viewport({

layout:'border',

items:[hd,mainMenu,modulePanel]

})

viewport.doLayout()

按照extjs思路,可以根据id和样式表来取

给你个例子你研究一下

initComponent: function () {

this.callParent(arguments)

this.on("viewready", function () {//在所有组件已经渲染成功时调

this.addclickevent()

}, this, {single:true,})

}

addclickevent:function(){

var kk = Ext.query(".mkiconbutton", false, this.getEl().dom)//这句话是查询样式表,你改成你html中需要取得样式表就行,到这里你就可以控制取值或赋值

for(var i=0i<kk.lengthi++){

this.mon(kk[i],"click",this.mkitemclick,this)

}

},提交回答

window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。

$(document).ready()是DOM结构绘制完毕后就执行,不必等到加载完毕。

所以,你把function 放进 $(document).ready() 这里试一下


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7169180.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存