Javascript - ExtJs - 其它
组件通用配置
width:number | "%"
//宽
height:number | "%"
//高
autoEl:string | Json
//包裹组件的html元素
autoEl: { tag:"div",style:"padding:5px;"}
defaults:Json
//子组件共享Json的配置,但不会覆盖子组件独自的配置
cls:string
//css类名
html:string
//在组件的末尾处加入html元素
contentEl:HtmlString | HtmlID
//指定一个已存在的HTML元素, 或者一个已存在HTML元素的 id , 它们将被用作当前组件的内容
string:html标签ID
//将html标签插入到组件内
disabled:bool
//是否禁用此组件,动态设置组件的禁用和启用:enable():启用,disable():禁用
autoScroll:bool
//数据超过组件高度溢出时是否显示滚动条
组件通用方法
destroy()
//销毁自身,也可以使用Ext.destroy ( conponentId | [ conponentId,conponentId ] )销毁组件,存储器也可以销毁,使用Ext.StoreManager.remove ( storeId ) enable();
// 启用此组件 disable();
//禁用此组件 addCls();
//添加css的className removeCls()
//移除指定的css的className
容器组件通用配置(每一个有items配置的组件都是容器组件)
html:htmlString | htmlID
// 将html装进组件中,默认html将显示在items组件的后面,如果要让html显示在子组件的前面,可以为items增加一个panel子组件,设置该panel的html即可。
//示例:
items: [
{
xtype: "panel",
style: "padding:10px;",
height:,
autoScroll:true,
anchor: "100%",
border:false,
html: html, //这样html会渲染到xxxxx组件的前面
},
{
xtype: "xxxxx"
},
]
defaultType: xtype
//子组件的默认类型,这样可省去每个子组件都要声明其xtype的代码量,非默认类型时再声明其xtype即可。
//示例:
Ext.create("Ext.form.Panel", {
//……,
defaultType: "textfield",
items: [
{ fieldLabel: "用 户" }, //不用再写xtype
{ fieldLabel: "密 码" },
{xtype:"combobox", /*……*/ } //不是默认类型时需要声明xtype
]
});
defaults:JsonConfig
// 如果当前容器组件有多个子组件,defaults可统一设置子组件的通用配置。如果defaults配置中的项与子组件自己的配置相同,默认子组件的配置权重更高。也即不会发生覆盖。
//示例:
defaults: { style: "display:inline-block !important;margin-right:10px !important;" }
items: [
/*所有子组件会自动应用defaults*/
]
layout:"anchor"
//指定当前容器组件的子组件将使用anchor布局,如:父组件{ layout:"anchor",items:[ { anchor : "100%" } ] }
容器组件通用方法
add(ExtComponent)
//添加子组件到末尾。利用这一性质配合Ajax动态为组件插入子组件。 insert(index, ExtComponent)
//添加子组件到指定处
//示例:
var x = { xtype: "xxxx" };
Ext.getCmp("fff").add(x); update(htmlString)
//将htmlString填充到组件的html中,html将出现在子组件的后面
组件通用事件
beforerender:function()
//组件渲染之前触发 afterrender:function()
//渲染完成后触发
设置标题栏宽
listeners : {
afterrender : function(panel) {
var header = panel.header;
header.setHeight();
}
}
祛除组件边框
baseCls: 'my-panel-no-border' //全透明
//或
style: "border:none;padding:10px;",
border: false,
Javascript - ExtJs - 其它的更多相关文章
- Javascript - ExtJs - Ext.form.Panel组件
FormPanel组件(Ext.form.FormPanel) logogram:Ext.form.Panel | xtype:form Ext.form.Panel.配置 frame }//旗下所有 ...
- Javascript - ExtJs - GridPanel组件
GridPanel组件(Ext.grid.GridPanel)logogram:Ext.grid.Panel | xtype:gridpanel 此类派生自Ext.Panel,创建表格需要两个必须的对 ...
- Javascript - ExtJs - Itemselector
引入扩展文件 Extjs4.2根目录下: examples \ ux \ css \ images (这是选择按钮的图片资源) examples \ ux \ css \ ItemSelector.c ...
- Javascript - ExtJs - 整合百度文章编辑器
ExtJs - 整合百度文章编辑器(ExtJs UEditor) 第一步:去官网下载最新版本的UEditor,UEditor下载. 第二步:在编辑器根目录创建一个Extjs-Editor.js,录入以 ...
- Javascript - ExtJs - 事件
事件(ExtJs Event) Ext.Util.observable类 Ext.Util.observable是一个接口,为Ext组件的事件提供了支持,组件的事件不同于传统事件,所以需要有这么一套 ...
- Javascript - ExtJs - 数据
数据(ExtJs Data) Ext.data命名空间 有关数据存储.读取的类都定义在Ext.data命名空间中.Ext的gridPanel.combobox的数据源都是来自Ext.data提供的类. ...
- Javascript - ExtJs - 弹窗
1.确认对话框 Ext.MessageBox.alert( title,content,fn) Ext.onReady(function () { Ext.Msg.alert("好吧, ...
- Javascript - ExtJs - 组件 - 分页
服务端只需要返回如下格式的字符串,ExtJs就可以解析并自动生成分页数据. , name: "sam" } ] } 准备: CREATE PROCEDURE [dbo]. ...
- Javascript - ExtJs - 常用方法和属性
常用方法和属性(Common methods and attributes) ExtJs中的对象 Ext.Component Ext组件对象,表示一个可渲染的组件. Ext.dom.Element E ...
- [JAVASCRIPT][EXTJS]直接用JSON创建树形控件(Ext.tree.TreePanel )(转)
直接用JSON创建树形控件(Ext.tree.TreePanel ) 1.创建多个根节点的树形 2.直接使用JsonList创建树形 <!DOCTYPE HTML PUBLIC "-/ ...
随机推荐
- jquery 前端 跨域 jsonp
1.jsonp 支持get:可以跨域: 2.java 在controller中增加header: /** * 获取用户信息 */ @ResponseBody @RequestMapping(value ...
- 委托delegate
委托delegate没有函数体.委托可以指向函数(要与指向的函数格式.类型相一致) namespace demo { public delegate double MyDelegate(double ...
- (链表 递归) leetcode 24. Swap Nodes in Pairs
Given a linked list, swap every two adjacent nodes and return its head. You may not modify the value ...
- jsp+servlet+jdbc实现表单提交
1.新建一个maven工程,选webapp模板 2.安装tomcat https://tomcat.apache.org/download-80.cgi 下载解压到自定义目录上 ps:在全局变量加上J ...
- GDB调试qemu-kvm
GDB调试qemu-kvm 前面几篇博文都是记录一些kvm相关包编译安装及使用,但都没深入去代码看看.看源码在配合上相关原理才能更好的理解kvm.但qemu-kvm的代码量很多,对我来讲直接看源码收获 ...
- Burrow 服务的安装部署
Burrow 服务的安装部署 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 最近协助开发的同时帮忙把10个topic的数据使用5个topic的来工作.结果发现数据flume在手机数 ...
- Hadoop记录-hive merge小文件
1. Map输入合并小文件对应参数:set mapred.max.split.size=256000000; #每个Map最大输入大小set mapred.min.split.size.per.no ...
- STM32学习笔记:【002】BIN文件通过ST-LINK烧录STM32芯片
以下提供2种下载方式 KEIL编译下载 KEIL 5 在开发中还算是比较强大的一种平台.在开发中通过编译再下载会显得很方便. 尽管这个是老生常谈的问题,但还是在这里补全这个设置步骤 1.点击“魔法棒” ...
- React 记录(2)
入门教程:https://www.reactjscn.com/tutorial/tutorial.html 慢慢学习:对照教程文档,逐句猜解,截图 React官网:https://reactjs.or ...
- windows安装gitblit服务端
由于windows下没有gitlab之类的工具,只有很久没有更新的gitblit 下载Gitblit, 下载地址:http://www.gitblit.com/ 很长时间没有更新了,在没有linux环 ...