随笔分类 -  javascript

Ext学习笔记09 - ComboBox，Store
摘要：ComboBoxComboBox是指下拉菜单，在API中找到ComboBox对应的xtype是 combo应用Window 布局的笔记中的窗体，其中性别 Gender 这一项选项只有两个(male, female)，可以使用 ComboBox 控件，为Gender 一项加上 xtype，值为 comboJs代码{fieldLabel:"Gender",xtype:"combo"},看，已经是一个下... 阅读全文

posted @ 2010-11-17 11:23 滴d 阅读(8617) 评论(0) 推荐(0) 编辑

Ext学习笔记08 - 日期控件
摘要：日期控件在上一篇笔记中的基础上，为Birth加上日期控件：Js代码items:[{fieldLabel:"Name"},{fieldLabel:"Gender"},{fieldLabel:"Age"},{xtype:"datefield",fieldLabel:"Birth"},{fieldLabel:"Phone"},{fieldLabel:"Email"}]效果可以看到简单的指定item的xt... 阅读全文

posted @ 2010-11-17 11:17 滴d 阅读(6314) 评论(0) 推荐(0) 编辑

Ext学习笔记07 - Window及Window中的布局
摘要：Window复习一下，先来构造一个Window对象：Js代码Ext.onReady(function(){var_window=newExt.Window({title:"NewPerson",width:500,height:100,plain:true,items:[{}],buttons:[{text:"OK"},{text:"Cancel"}]});_window.show();});和P... 阅读全文

posted @ 2010-11-17 11:15 滴d 阅读(7126) 评论(0) 推荐(0) 编辑

Ext学习笔记06 - Window
摘要：Window先来看一下API：Window 继承于 Panel，是Panel的子类，Window组件默认是可以浮动和拖拽的，并且支持最大最小化的能力。Panel 中的各种属性和方法在Window组件中是可以直接使用的。来看例子：Js代码<scripttype="text/javascript">Ext.onReady(function(){var_window=newExt.Windo... 阅读全文

posted @ 2010-11-17 11:00 滴d 阅读(6002) 评论(1) 推荐(0) 编辑

Ext学习笔记05 - UI组件 - Panel,TextField
摘要：TextFieldTextField在Ext.form.TextField包下面（叫包叫习惯了），是form组件中的一个，是对传统文本框的封装（input）。在页面中直接使用某些Component是不起作用的，因为Ext UI设计是类似Swing布局的，布局的宿主对象必须是Ext.Container或者Ext.Container的子类，详细的使用方法后面慢慢了解。根据上面的原理，我们要在页面中创建... 阅读全文

posted @ 2010-11-17 10:44 滴d 阅读(4218) 评论(0) 推荐(0) 编辑

Ext学习笔记04 - UI组件 - Component, Button
摘要：Component在Ext中对常用的UI组件都进行了一系列的封装，而各个组件都具有一些相同的属性或者事件，这些相同的属性被封装起来成为Component类，每个UI组件都继承Component类，可见Ext在面向对象方面有很好的实现。看一下Component中的定义：Js代码//构造方法，传入config参数Ext.Component=function(config){config=config|... 阅读全文

posted @ 2010-11-17 10:31 滴d 阅读(1907) 评论(0) 推荐(0) 编辑

Ext学习笔记03 - 事件
摘要：Ext中的事件机制Ext中的事件机制是在 Ext.util.Observable 中定义的，举一个例子来说明事件机制，先看一下代码，然后慢慢说person.jsJs代码Ext.namespace("com.meizhi");/*定义NameSpace的别名*/Mz=com.meizhi;Mz.Person=function(){/*定义事件*/this.addEvents("nameChange"... 阅读全文

posted @ 2010-11-17 10:13 滴d 阅读(1467) 评论(0) 推荐(0) 编辑

Ext学习笔记02 - 构造方法，类继承，类实例方法重写
摘要：刚刚走了个大弯路，朋友们见笑，我这见识实在太少了，开始想找个有语法提示的IDE，就直接想到了Aptana，下载一个最新版本，然后就弹出来一大堆东西要更新，更新就更新吧，更新一半就报错，看他给的提示，说xxx本机已经装了不能再装，那个版本不新了不能装，好长的一溜，找了半天，终于把非法的插件都去掉了，安装了一半又出问题了，我倒，faint，怒了，又跑回MyEclipse安装Spket（参考：http:... 阅读全文

posted @ 2010-11-17 10:12 滴d 阅读(1013) 评论(0) 推荐(0) 编辑

Ext学习笔记01 - NameSpace，类实例属性，类实例方法，类静态方法
摘要：从今天起开始学习ExtJs，在这里记录一些学习笔记，方便日后查看，有兴趣的朋友欢迎共同探讨，也请老鸟们多多指教，如果我的理解有什么不正确的地方，也请大家帮助也改正，帮我指出一条明路，先在这里谢过了。学习过程是看DojoChina的陈治文老师讲解的视频（感谢陈治文老师的辛勤工作，这里先赞一下），不是自己原创，边学习边做笔记，不能算是剽窃吧，朋友们别骂我不厚道。先把文档放在手边，Ext在线文档：htt... 阅读全文

posted @ 2010-11-17 10:11 滴d 阅读(1653) 评论(0) 推荐(0) 编辑

ExtJs系列教程
摘要：Ext学习笔记01 - NameSpace，类实例属性，类实例方法，类静态方法Ext学习笔记02 - 构造方法，类继承，类实例方法重写Ext学习笔记03 - 事件Ext学习笔记04 - UI组件 - Component, ButtonExt学习笔记05 - UI组件 - Panel,TextFieldExt学习笔记06 - WindowExt学习笔记07 - Window及Window中的布局Ex... 阅读全文

posted @ 2010-11-17 10:03 滴d 阅读(1050) 评论(0) 推荐(0) 编辑

ExtJs2.0 系列学习
摘要：我的标签: ExtJs2.0ExtJs2.0学习系列(14)--Ext.TreePanel之第三式(可增删改的树)ExtJs2.0学习系列--索引贴ExtJs2.0学习系列(15)--extjs换肤ExtJs2.0学习系列(13)--Ext.TreePanel之第二式ExtJs2.0学习系列(12)--Ext.TreePanel之第一式ExtJs2.0学习系列(11)--Ext.XTemplate... 阅读全文

posted @ 2009-10-26 16:12 滴d 阅读(275) 评论(0) 推荐(0) 编辑

javascript 窗口
摘要：1.showModalDialog返回值<body> <form id="Form1" method="post" runat="server"> <script language="JAVASCRIPT"> function btnGetReturnValue_onclick() { var temp= window.showModalDialog("Defa... 阅读全文

posted @ 2009-07-21 17:19 滴d 阅读(204) 评论(0) 推荐(0) 编辑

js收集
摘要：Test=function() { this.Top = 100; this.Left = 200;}var a=new Test();alert(a.Top);function Test() { return {"Top":100,"Left":200}; }var a = Test();alert(a.Top); 阅读全文

posted @ 2009-07-21 17:01 滴d 阅读(266) 评论(0) 推荐(0) 编辑

导航