BlogJava-JAVA工具-随笔分类-EXT 笔记

Ext 的 xtype 介绍

王豪 — Fri, 14 Oct 2011 09:25:00 GMT

xtype可作为Ext控件的简写，都会对应一个Ext控件。当然这里你也可以自定义这个xtype，通过自定义的Ext控件来绑定，
主要由Ext.reg方法去注册xtype。Ext.all.js里面包含的xtype包含：

xtype            Class
-------------    ------------------
box              {@link Ext.BoxComponent}
button           {@link Ext.Button}
buttongroup      {@link Ext.ButtonGroup}
colorpalette     {@link Ext.ColorPalette}
component        {@link Ext.Component}
container        {@link Ext.Container}
cycle            {@link Ext.CycleButton}
dataview         {@link Ext.DataView}
datepicker       {@link Ext.DatePicker}
editor           {@link Ext.Editor}
editorgrid       {@link Ext.grid.EditorGridPanel}
flash            {@link Ext.FlashComponent}
grid             {@link Ext.grid.GridPanel}
listview         {@link Ext.ListView}
multislider      {@link Ext.slider.MultiSlider}
panel            {@link Ext.Panel}
progress         {@link Ext.ProgressBar}
propertygrid     {@link Ext.grid.PropertyGrid}
slider           {@link Ext.slider.SingleSlider}
spacer           {@link Ext.Spacer}
splitbutton      {@link Ext.SplitButton}
tabpanel         {@link Ext.TabPanel}
treepanel        {@link Ext.tree.TreePanel}
viewport         {@link Ext.ViewPort}
window           {@link Ext.Window}

Toolbar components
---------------------------------------
paging           {@link Ext.PagingToolbar}
toolbar          {@link Ext.Toolbar}
tbbutton         {@link Ext.Toolbar.Button}        (deprecated; use button)
tbfill           {@link Ext.Toolbar.Fill}
tbitem           {@link Ext.Toolbar.Item}
tbseparator      {@link Ext.Toolbar.Separator}
tbspacer         {@link Ext.Toolbar.Spacer}
tbsplit          {@link Ext.Toolbar.SplitButton}   (deprecated; use splitbutton)
tbtext           {@link Ext.Toolbar.TextItem}

Menu components
---------------------------------------
menu             {@link Ext.menu.Menu}
colormenu        {@link Ext.menu.ColorMenu}
datemenu         {@link Ext.menu.DateMenu}
menubaseitem     {@link Ext.menu.BaseItem}
menucheckitem    {@link Ext.menu.CheckItem}
menuitem         {@link Ext.menu.Item}
menuseparator    {@link Ext.menu.Separator}
menutextitem     {@link Ext.menu.TextItem}

Form components
---------------------------------------
form             {@link Ext.form.FormPanel}
checkbox         {@link Ext.form.Checkbox}
checkboxgroup    {@link Ext.form.CheckboxGroup}
combo            {@link Ext.form.ComboBox}
compositefield   {@link Ext.form.CompositeField}
datefield        {@link Ext.form.DateField}
displayfield     {@link Ext.form.DisplayField}
field            {@link Ext.form.Field}
fieldset         {@link Ext.form.FieldSet}
hidden           {@link Ext.form.Hidden}
htmleditor       {@link Ext.form.HtmlEditor}
label            {@link Ext.form.Label}
numberfield      {@link Ext.form.NumberField}
radio            {@link Ext.form.Radio}
radiogroup       {@link Ext.form.RadioGroup}
textarea         {@link Ext.form.TextArea}
textfield        {@link Ext.form.TextField}
timefield        {@link Ext.form.TimeField}
trigger          {@link Ext.form.TriggerField}

Chart components
---------------------------------------
chart            {@link Ext.chart.Chart}
barchart         {@link Ext.chart.BarChart}
cartesianchart   {@link Ext.chart.CartesianChart}
columnchart      {@link Ext.chart.ColumnChart}
linechart        {@link Ext.chart.LineChart}
piechart         {@link Ext.chart.PieChart}

Store xtypes
---------------------------------------
arraystore       {@link Ext.data.ArrayStore}
directstore      {@link Ext.data.DirectStore}
groupingstore    {@link Ext.data.GroupingStore}
jsonstore        {@link Ext.data.JsonStore}
simplestore      {@link Ext.data.SimpleStore}      (deprecated; use arraystore)
store            {@link Ext.data.Store}
xmlstore         {@link Ext.data.XmlStore}

王豪 2011-10-14 17:25 发表评论

急性甲醛中毒症状

王豪 — Mon, 19 Sep 2011 03:46:00 GMT

急性甲醛中毒为接触高浓度甲醛蒸气引起的以眼、呼吸系统损害为主的全身性疾病。 

1 诊断原则根据短期内职业接触高浓度甲醛蒸气后迅速发病,结合临床症状、体征和胸部X线表现综合分析, 排除其它原因引起的类似疾病,方可诊断为急性甲醛中毒。 

2 诊断及分级标准 

2.1 甲醛刺激反应 

表现为一过性的眼及上呼吸道刺激症状,如眼刺痛、流泪、咽痛、胸闷、咳嗽等.胸部听诊及胸部X 线无异常发现。 

2.2 轻度中毒 

有视物模糊、头晕、头痛、乏力等全身症状, 检查可见结膜、咽部明显充血,胸部听诊呼吸音粗糙或闻及干性罗音。经综合分析,可诊断为轻度中毒。 

胸部X线检查除出现肺纹理增强外,无重要阳性发现。 

2.3 中度中毒 

根据下列表现综合分析,可诊断为中度中毒: 
a. 持续咳嗽、声音嘶哑、胸痛、呼吸困难, 胸部听诊有散在的干、湿性罗音。可伴有体温增高和白细胞计数增加。 
b. 胸部X线检查有散在的点片状或斑片状阴影。 

2.4 重度中毒 

具有以下情况之一者,可诊断为重度中毒: 
a. 喉头水肿及窒息; 

b. 肺水肿; 

c. 昏迷; 

d. 休克。 

3 治疗原则 

3.1 迅速脱离现场,静卧、保温、必要时吸氧。 

短期内吸入大量甲醛蒸气后,出现上呼吸道刺激反应者至少观察24小时,避免活动后加重病情。

王豪 2011-09-19 11:46 发表评论

js 获取网址来源

王豪 — Sun, 18 Sep 2011 12:25:00 GMT

摘要: 阅读全文

王豪 2011-09-18 20:25 发表评论

js 捕获键盘事件

王豪 — Fri, 16 Sep 2011 09:56:00 GMT

摘要: 阅读全文

王豪 2011-09-16 17:56 发表评论

ext 文本框增加事件获得焦点事件

王豪 — Wed, 24 Aug 2011 06:24:00 GMT

{ items: [{ xtype: 'textfield', id: 'txtKeys', fieldLabel: '快速查找', width: 150, style: "margin-top:1px;",
listeners: { focus: function() { $("#txtKeys").select(); } }}
] },

王豪 2011-08-24 14:24 发表评论

li 样式|li去掉实心圆样式

王豪 — Wed, 24 Aug 2011 05:59:00 GMT

li{
list-style-type :none;
}

王豪 2011-08-24 13:59 发表评论

产品列表样式

王豪 — Wed, 24 Aug 2011 05:54:00 GMT

        普通型挖斗

王豪 2011-08-24 13:54 发表评论

ext 主页面布局

王豪 — Wed, 24 Aug 2011 03:02:00 GMT

var viewport = new Ext.Viewport({

layout: 'border',

items: [

new Ext.BoxComponent({

region: 'north',

el: 'north-div',

// tbar: tb,

height: 26

}),

new Ext.tree.TreePanel({

region: 'west',

contentEl: 'west-div',

title: '树列表',

split: true,

width: 200,

minSize: 175,

maxSize: 400,

collapsible: true,

margins: '0 0 0 0',

root: root

}),

{

region: 'center',

layout: 'border',

items: [

new Ext.grid.GridPanel({

region: 'center',

el: 'center-center',

title: '条目列表',

// ds: ds,

// cm: colModel,

autoScroll: true

}),

{

region: 'south',

contentEl: 'center-south',

title: '内容',

split: true,

collapsible: true,

titlebar: true,

height: 200,

minSize: 100,

maxSize: 400,

collapsedTitle: '内容'

}

]

new Ext.BoxComponent({

region: 'south',

el: 'south-div',

height: 24

})

]

});

状态栏

王豪 2011-08-24 11:02 发表评论

js 选中文本框文本

王豪 — Tue, 23 Aug 2011 09:47:00 GMT

使用select()方法
例子:
document.getElementById("idTxt").select();

王豪 2011-08-23 17:47 发表评论

li 自动换行样式

王豪 — Tue, 23 Aug 2011 09:30:00 GMT

test1

test2

test3

test4

test5

test6

test

test

test

test

test

test

test

test

王豪 2011-08-23 17:30 发表评论

axure 制作样图工具

王豪 — Mon, 22 Aug 2011 08:11:00 GMT

axure 制作样图工具
axure rp

王豪 2011-08-22 16:11 发表评论

ext 例子下载

王豪 — Wed, 03 Aug 2011 05:17:00 GMT

摘要: 阅读全文

王豪 2011-08-03 13:17 发表评论

ext 教程手册下载

王豪 — Wed, 03 Aug 2011 05:14:00 GMT

ext 教程手册下载
http://www.blogjava.net/Files/niudan/ext-jiaocheng.rar

王豪 2011-08-03 13:14 发表评论

ext3.0 api下载|ext3.0使用手册下载

王豪 — Wed, 03 Aug 2011 05:13:00 GMT

ext3.0 api下载|ext3.0使用手册
http://www.blogjava.net/Files/niudan/ext-api3.0.part1.rar
http://www.blogjava.net/Files/niudan/ext-api3.0.part2.rar

王豪 2011-08-03 13:13 发表评论

ext 2.0.2 下载|ext 2.0.2例子下载|ext 2.0.2实例下载

王豪 — Wed, 03 Aug 2011 05:11:00 GMT

ExtJS是一种主要用于创建前端用户界面，是一个与后台技术无关的前端ajax框架。　　功能丰富，无人能出其右。　
　无论是界面之美，还是功能之强，ext的表格控件都高居榜首。　
　单选行，多选行，高亮显示选中的行，推拽改变列宽度，按列排序，这些基本功能咱们就不提了。　　
自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功能。
　　再加上可编辑grid，添加新行，删除一或多行，提示多行数据，推拽改变grid大小，grid之间拖拽一或多行，
甚至可以在tree和grid之间进行拖拽，啊，这些功能实在太神奇了。更令人惊叹的是，这些功能竟然都在ext表格控件里实现了。　　
其实从ext3开始就支持各种方式的统计，且有控件支持excel导出
http://www.blogjava.net/Files/niudan/ext2.0.2.part1.rar
http://www.blogjava.net/Files/niudan/ext2.0.2.part2.rar

王豪 2011-08-03 13:11 发表评论

js 获取地址栏参数

王豪 — Wed, 27 Jul 2011 06:28:00 GMT

/*功能函数*/
function UrlSearch(item) {
var svalue = location.search.match(new RegExp("[\?\&]" + item + "=([^\&]*)(\&?)", "i"));
return svalue ? svalue[1] : svalue;
}

王豪 2011-07-27 14:28 发表评论

jquery post ajax 例子

王豪 — Sun, 24 Jul 2011 09:54:00 GMT

$.post("/ajax.ashx",{suggest:txt},function(result){
$("span").html(result);
});

jquery post ajax 例子

王豪 2011-07-24 17:54 发表评论

EXT 扩展 TextField

王豪 — Thu, 14 Jul 2011 03:28:00 GMT

Extjs.form.TextField的默认在输入框后面是不能加入文字。在网上找到此方法以备查用。
在页面中引入此段js代码
Ext.override(Ext.form.TextField, {
             unitText : '',
             onRender : function(ct, position) {
           Ext.form.TextField.superclass.onRender.call(this, ct, position);
               // 如果单位字符串已定义则在后方增加单位对象
           if (this.unitText != '') {
             this.unitEl = ct.createChild({
                tag : 'div',
                html : this.unitText
             });
             this.unitEl.addClass('x-form-unit');
                 // 增加单位名称的同时按单位名称大小减少文本框的长度初步考虑了中英文混排未考虑为负的情况
             this.width = this.width - (this.unitText.replace(/[^\x00-\xff]/g, "xx").length * 6 + 2);
                 // 同时修改错误提示图标的位置
             this.alignErrorIcon = function() {
             this.errorIcon.alignTo(this.unitEl, 'tl-tr', [2, 0]);
             };
           }
             }
       })
再加入些样式

王豪 2011-07-14 11:28 发表评论

jquery.autocomplete

王豪 — Thu, 07 Jul 2011 03:33:00 GMT

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">

无标题文档

王豪 2011-07-07 11:33 发表评论

将 html div 加载成ext的panel

王豪 — Wed, 06 Jul 2011 06:01:00 GMT

将 html div 加载成ext的panel
{ contentEl: 'IDLog' }

王豪 2011-07-06 14:01 发表评论

js 获取两个时间的差值小时数

王豪 — Tue, 05 Jul 2011 09:23:00 GMT

var date = new Date(2011,7,1);
var date2 = new Date(2011,7,2);
var hour = (date2-date)/(1000*3600);

王豪 2011-07-05 17:23 发表评论

js 获取剪贴板内容

王豪 — Fri, 01 Jul 2011 03:54:00 GMT

js 获取剪贴板内容
window.clipboardData.getData('text')

王豪 2011-07-01 11:54 发表评论

js 生成 GUID

王豪 — Tue, 28 Jun 2011 03:48:00 GMT

function newGuid() {
        var guid = "";
        for (var i = 1; i <= 32; i++) {
            var n = Math.floor(Math.random() * 16.0).toString(16);
            guid += n;
            if ((i == 8) || (i == 12) || (i == 16) || (i == 20))
                guid += "-";
        }
        return guid;
    }

王豪 2011-06-28 11:48 发表评论

将页面div 设置成控件

王豪 — Tue, 31 May 2011 03:58:00 GMT

var attachmentPanel = new Ext.Panel({ contentEl: "Tab_Div1", renderTo: Ext.getBody(), border: false });

王豪 2011-05-31 11:58 发表评论

BlogJava-JAVA工具-随笔分类-EXT 笔记

Ext 的 xtype 介绍

急性甲醛中毒症状

js 获取网址来源

js 捕获键盘事件

ext 文本框增加事件 获得焦点事件

li 样式|li去掉实心圆样式

产品列表样式

ext 主页面布局

js 选中文本框文本

li 自动换行样式

axure 制作样图工具

ext 例子下载

ext 教程手册下载

ext3.0 api下载|ext3.0使用手册下载

ext 2.0.2 下载|ext 2.0.2例子下载|ext 2.0.2实例下载

js 获取地址栏参数

jquery post ajax 例子

EXT 扩展 TextField

jquery.autocomplete

将 html div 加载成ext的panel

js 获取两个时间的差值 小时数

js 获取剪贴板内容

js 生成 GUID

将页面div 设置成控件

ext 文本框增加事件获得焦点事件

js 获取两个时间的差值小时数