extjshtml的简单介绍

本文目录一览:

请问ExtJs如何获取html内容,谢谢

如图所示

要获取html内容,需要先获取dom对象

Ext使用query类选择器就能获取,由于获取的是集合,所以如果只有一个,就是数组下标0的对象。

故,html文本用 Ext.query(‘.xxx’)[0].innerHTML 获取

html文本用 Ext.query(‘.xxx’)[0].outerHTML 获取

怎样在Extjs框架中嵌入html

用html属性

{bodyStyle:’background:#069;color:#FFF;font-size:12px;padding-top:12px;’,html:’欢迎您!管理员’}

完整案例:

var hd={//这个就是上

region:’north’,

height:40,

bodyStyle:’background:#069;color:#FFF;font-size:12px;padding-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中嵌入HTML中的元素,取值或设值?

按照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=0;ikk.length;i++){

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

}

},提交回答

原创文章,作者:小蓝,如若转载,请注明出处:https://www.506064.com/n/232242.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
小蓝小蓝
上一篇 2024-12-11 12:49
下一篇 2024-12-11 12:49

相关推荐

  • Python简单数学计算

    本文将从多个方面介绍Python的简单数学计算,包括基础运算符、函数、库以及实际应用场景。 一、基础运算符 Python提供了基础的算术运算符,包括加(+)、减(-)、乘(*)、除…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • Python海龟代码简单画图

    本文将介绍如何使用Python的海龟库进行简单画图,并提供相关示例代码。 一、基础用法 使用Python的海龟库,我们可以控制一个小海龟在窗口中移动,并利用它的“画笔”在窗口中绘制…

    编程 2025-04-29
  • Python樱花树代码简单

    本文将对Python樱花树代码进行详细的阐述和讲解,帮助读者更好地理解该代码的实现方法。 一、简介 樱花树是一种图形效果,它的实现方法比较简单。Python中可以通过turtle这…

    编程 2025-04-28
  • Python大神作品:让编程变得更加简单

    Python作为一种高级的解释性编程语言,一直被广泛地运用于各个领域,从Web开发、游戏开发到人工智能,Python都扮演着重要的角色。Python的代码简洁明了,易于阅读和维护,…

    编程 2025-04-28
  • 用Python实现简单爬虫程序

    在当今时代,互联网上的信息量是爆炸式增长的,其中很多信息可以被利用。对于数据分析、数据挖掘或者其他一些需要大量数据的任务,我们可以使用爬虫技术从各个网站获取需要的信息。而Pytho…

    编程 2025-04-28
  • 如何制作一个简单的换装游戏

    本文将从以下几个方面,为大家介绍如何制作一个简单的换装游戏: 1. 游戏需求和界面设计 2. 使用HTML、CSS和JavaScript开发游戏 3. 实现游戏的基本功能:拖拽交互…

    编程 2025-04-27
  • Guava Limiter——限流器的简单易用

    本文将从多个维度对Guava Limiter进行详细阐述,介绍其定义、使用方法、工作原理和案例应用等方面,并给出完整的代码示例,希望能够帮助读者更好地了解和使用该库。 一、定义 G…

    编程 2025-04-27
  • 2的32次方-1:一个看似简单却又复杂的数字

    对于计算机领域的人来说,2的32次方-1(也就是十进制下的4294967295)这个数字并不陌生。它经常被用来表示IPv4地址或者无符号32位整数的最大值。但实际上,这个数字却包含…

    编程 2025-04-27
  • 制作一个简单的管理系统的成本及实现

    想要制作一个简单的管理系统,需要进行技术选型、开发、测试等过程,那么这个过程会花费多少钱呢?我们将从多个方面来阐述制作一个简单的管理系统的成本及实现。 一、技术选型 当我们开始思考…

    编程 2025-04-27

发表回复

登录后才能评论