-
等级
本版专家分：0结帖率 100% -
我想在画面上只显示一行文字，并且可以控制这行文字所在画面任意位置，extjs的代码如何实现？这个标签应该包含在from和panel中。
展开阅读全文
-
等级
本版专家分：1629 -
Ext.form.Label
<form id="form1" runat="server">
<div>
<div id="Bind_Label"></div>
<br />
<div id="Bind_Button"></div>
<script type="text/javascript">
function ready()
{
Label组件仅仅是作为一个标签使用，所以用法较为简单
var label = new Ext.form.Label
({
id:"labelID",
text:"测试label组件",
height:100,//默认auto
width:100,//默认auto
autoShow:true,//默认false
autoWidth:true,//默认false
autoHeight:true,//默认false
hidden:false,//默认false
hideMode:"offsets",//默认display,可以取值：display，offsets，visibility
cls:"cssLabel",//样式定义,默认""
disabled:true,//默认false
disabledClass:"",//默认x-item-disabled
html:"Ext",//默认""
//x:number,y:number,在容器中的x,y坐标
renderTo:"Bind_Label"//将组件的显示效果渲染到某个节点的ID
});
//测试label 这个是反复键 选择隐藏就设置为显示 反之就设置为隐藏
var btnEvent = new Ext.Button
({
id:"btnEvent",
text:"隐藏label组件",
renderTo:"Bind_Button"
});
var flag = 0;
btnEvent.on("click",function()
{
if(flag==0)
{
label.setVisible(false);
btnEvent.setText("显示label组件");
flag = 1;
}
else
{
label.setVisible(true);
btnEvent.setText("隐藏label组件");
flag = 0;
}
});
//比较常用的方法主要有 以下方法都较为简单 在本示例中你可以对所有的方法自行测试下就知道是什么意思了
addClass( string cls )
destroy()
disable()
enable()
focus( [Boolean selectText], [Boolean/Number delay] )
getBox( [Boolean local] )
getEl()
getId()
getItemId()
getPosition( [Boolean local] )
getSize()
getXType()
getXTypes()
hide()
isVisible()
isXType( String xtype, [Boolean shallow] )
setDisabled( Boolean disabled )
setHeight( Number height )
setPosition( Number left, Number top )
setSize( Number/Object width, Number height )
setText( String text, [Boolean encode] )
setVisible( Boolean visible )
setWidth( Number width )
show()
updateBox( Object box )
}
Ext.onReady(ready);
</script>
</div>
</form>
- extJs displayfield控件显示超链接的方法
extJs显示超链接问题 [问题点数：40分] 不显示删除回复 显示所有回复 显示星级回复 显示得分回复 只显示楼主 收藏 关注 xh1677727402 xh1677727402 本版等级： ...
- 如何理解及阅读EXTJS的API文档
如何理解及阅读EXTJS的API文档 《一》 一切从API开始 很多学ExtJs的朋友在初学ExtJs的时候觉得ExtJs的很简单效果很好，几行代码就把效果搞定了。但是用得多了，抱怨就开始了：ExtJs的布局怎么这么麻烦啊。那些...
- Extjs
ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。 ExtJS可以用来开发RIA也即富客户端的AJAX应用 ExtJS文件比较大,一般用在局域网中的程序上 ExtJS的较新版本是收费的...
- 我的ExtJs学习之路1---认识Extjs的部分基本组件
从学校毕业了走向了工作岗位，来到了公司，公司用的前台页面框架是ExtJs，于是作为一个从JSP转向ExtJs的程序员记录下自己学习ExtJs的具体过程。 刚接触ExtJs，首先看的是ExtJs的API文档，映入眼帘的是很多组件，...
- extjs初学者教程
extjs初学者教程 标签： extjs 2015-05-27 15:35 522人阅读 评论(0) 收藏 举报 分类： ExtJS（32） layout 1.面板 (1)类结构 Ext.Base Ext.AbstractComponent Ext.Co
- ExtJs知识点概述
ExtJs知识点概述
- Extjs的API阅读方式（整理）
如何理解及阅读EXTJS的API文档 《一》 一切从API开始 很多学ExtJs的朋友在初学ExtJs的时候觉得ExtJs的很简单效果很好，几行代码就把效果搞定了。但是用得多了，抱怨就开始了：ExtJs的布局怎么这么麻烦啊。那些...
- ExtJs布局详解
ExtJs布局详解 序言 1、百度百科上说：ExtJs功能丰富，无人能出其右。无论是界面之美，还是功能之强，extjs都高居榜首。 2、呵呵，界面之美当是少不了布局的，这篇文章我写layout的七种布局。（extjs...
- ExtJS Web应用程序开发指南(第2版)(针对Ext JS 4.0更新)
《ExtJS Web应用程序开发指南(第2版)》前言ExtJS的前身是YUI（Yahoo User Interface）。经过不断发展与改进，ExtJS现在已经成功发布了4.0版本，并且成为构建RIA Web应用的一套最完整、最成熟的JavaScript基础库。...
- FusionCharts 和 Extjs结合使用
FusionCharts Free 图表制作 FushionCharts Free 是一款开源的免费的以 Flash 为支撑来制作数据动画图表的图表组件解决方案，它最大的特性是跨平台、跨浏览器、兼容主流的 Web 技术，通过 XML 作为其数据接口，...
- 对比Angular/jQueryUI/Extjs：没有一个框架是万能的
对比Angular/jQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，请点右上角。 首先...
- extjs 图表 FusinoCharts Free 属性实例
转载 http://www.ibm.com/developerworks/cn/web/1312_linbc_fusionextjs/
- ExtJS Web应用程序开发指南(针对Ext JS 4.0更新)
《ExtJS Web应用程序开发指南(第2版)》前言 ExtJS 的前身是YUI（Yahoo User Interface）。经过不断发展与改进，ExtJS现在已经成功发布了4.0版本，并且成为构建RIA Web应用...
- Extjs的API阅读方式(整理)
如何理解及阅读EXTJS的API文档 《一》 一切从API开始 很多学ExtJs的朋友在初学ExtJs的时候觉得ExtJs的很简单效果很好，几行代码就把效果搞定了。但是用得多了，抱怨就开始了：ExtJs的布局怎么这么麻烦啊。那些参数...
- ExtJS 基础学习-1
1.Ext.onReady() 相当于Java中的main()，js代码在此运行Ext.onReady(function() { //代码区 } 2.Ext.each( ) Ext.each方法表示迭代一个数组，数组中每个成员都将调用一次所传函数，直到函数返回false才停止执行。...
- 对比AngularJS/jQueryUI/Extjs：没有一个框架是万能的
对比Angular/JSjQueryUI/Extjs 框架就好比兵器，你得明白你手里拿的是屠龙刀还是倚天剑，刀法主要是砍，剑法主要是刺。对于那些职业喷子和脑残粉，小僧送你们两个字：呵呵；同时祝你幸福，请点右上角。 首先要...
- ExtJS Web应用程序开发指南(第2版)(针对Ext JS 4.0更新)
《ExtJS Web应用程序开发指南(第2版)》前言 ExtJS 的前身是YUI（Yahoo User Interface）。经过不断发展与改进，ExtJS现在已经成功发布了4.0版本，并且成为构建RIA Web应用的一套最完整、最成熟的JavaScript基础...
- Extjs初学入门，详细panel、form、grid等介绍
layout 1.面板 (1)类结构 Ext.Base Ext.AbstractComponent Ext.Component Ext.Container.AbstractContainer Ext.container.Container
- Angularjs bootstrap jquery jquery easyUI extjs 详解
对比Angular/JSjQueryUI/Extjs 1.angularjs html和js之间的数据衔接层，可以操控html元素（数据绑定、重复、隐藏）等，上手很容易，但想要精通，了解内部运行机制不容易。 2.bootstrap 用于页面...
- 对照Angular/jQueryUI/Extjs：没有一个框架是万能的
对比Angular/jQueryUI/Extjs：没有一个框架是万能的 对比Angular/jQueryUI/Extjs：没有一个框架是万能的 大漠穷秋 [郑重警告：此文略犀利，可能引起肾上腺素升高、内心不适等症状，请慎重浏览。]
- extjs xtype类型
标签： 自定义组件在定义的时候可以通过xtype配置为组件指定xtype短名称，此后创建对象可以通过xtype来创建自定义对象了，示例代码如下： Ext.define(‘MyApp.PressMeButton‘, { extend: ‘Ext.button....
- Extjs4.0学习指南
Extjs4 学习指南 （仅供学习使用、转载需注明出处） Extjs4可用的学习资料少之又少，本文内容大部分为网络整理、 方便学习者使用，如有出入以extjs4 api文档为准。 ...
- extjs4 tree 父子节点联级勾选，半选节点半透明处理
1.extjs3有节点半选，有node.getUI（） 1 node.getUI().toggleCheck(parentChk);//节点选中状态 2 node.getUI().checkbox.indeterminate = true; //半选中状态 3 node.getUI().checkbox.indeterminate = false;...