`
jayyanzhang2010
  • 浏览: 372131 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论
文章列表
编者按:这是国外程序员Al katib总结的一些编程习惯。   1. 动手编码之前,你需要对要编码实现的解决方案有一个正式的或粗略的设计。永远不要在没有任何设计的前提下就开始编码,除非所编代码不重要。   2. 优秀的代码文档跟编程语言知识一样重要。在代码源文件中,为每个主要的代码段添加注释,解释代码的基本逻辑。最好注明程序的构建和修改日期,以及修改的原因也是非常有必要的。   3. 维护程序的各个版本同样重要。当前有些编程工具都自带一个版本管理工具。无论你什么时候改变自己的程序,它们都会将其保存为.bak文件。   我的方法是为每个程序维护三个不同的版本。比如说,我有一个名为progr ...
1、表单   对于传统的b/s应用来说,数据录入元素是放在表单<form>标签里面的。而对于ExtJS应用来说,则可以直接使用FormPanel控件来存放表单中的元素。FormPanel继承自Panel,在Panel的基础上提供与表单相关的各种特性,比如可以指定表单提交的url、指定表单提交方式、是否是二进制提交等;另外FormPanel固定使用form布局,前面关于布局一节中的内容我们说过,form布局也就是专门用于组织包含输入元素的布局。 看下面的代码: Ext.onReady(function(){ var form=new Ext.form.FormPanel({ ...
1、树控件的简单应用   树控件由Ext.tree.TreePanel类定义,控件的名称为treepanel,TreePanel类继承自Panel面板。在ExtJS中使用树控件其实非常简单,我们先来看下面的代码: Ext.onReady(function(){ var root=new Ext.tree.TreeNode({ id:"root&q ...
1、表格GridPanel概述   ExtJS中的表格功能非常强大,包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。   表格由类Ext.grid.GridPanel定义,继承自Panel,其xtype为grid。ExtJS中,表格Grid必须包含列定义信息,并指定表格的数据存储器Store。表格的列信息由类Ext.grid.Column(以前是由Ext.grid.ColumnModel定义)、而表格的数据存储器由Ext.data.Store定义,数据存储器根据解析的数据不同分为JsonStore、SimpleStroe、GroupingStore等。 2、表格 ...
1、选项板概述   选项面板是一个包括一个或多个选项卡(Tab),同一时刻只显示一个选项卡的这种用户界面。比如下图的IE选项设置界面中,就是一个选项板的应用,选项板上有“常规”、“安全”、“隐私”等选项卡。 2、Ext.TabPanel   Ext中提供了选项板控件TabPanel,由类Ext.TabPanel来定义,该类直接继承自Ext.Panel,因此他实际上也是一个包含特定特性的面板。看下面的代码: Ext.onReady(function(){ var tab=new Ext.TabPanel({ renderTo:"test", width:500 ...
1、布局概述   容器中可以放置各种各样的元素,这些元素在容器怎么排放,是从左到右,还是从上到下,这些是容器自身所不知道的。容器中的子元素如何排放,在Ext中由布局来处理。     所谓布局就是指容器组件中 ...
1、传统对话框   所谓对话框,就是在程序执行的过程,出现在用户界面中的一个需要用户进行确认、选择或录入相关信息的微型窗口。   在传统的html页面中,浏览器提供了三种默认的对话框函数。也就是alert、confirm及prompt等。其中alert用来弹出一个提示信息,并让用户确认,而confirm是让用户进行某一种操作的选择,prompt则是用来弹出一个信息录入对话框。下面是浏览器对话框的使用示例: <script> function alertDialog(){ alert("这是浏览器定义的信息提示框"); } function confirmDial ...
1、Viewport,顶级界面,浏览器显示区域。 代表整个浏览器的应用程序主界面控件。VeiwPort表示整个浏览器显示区域,该对象渲染到页面的body区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort实例。看下面的代码: Ext.onReady(function(){ new Ext.Viewport({ layout:"fit", items:[{title:"面板",     html:"",     bbar:[{text:"按钮1"}, ...
1、Panel面板的概述   面板Panel是ExtJS控件的基础,很多高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接与它有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式来形成。 2、 ...
1、概述   Ext的组件非常多,要把所有的组件数完都比较难,更别说记住每一个组件提供的配置选项、属性、方法及事件了。学习Ext不能死记硬背,要掌握方法,注意寻找规律,Ext设计的优秀之处在于,他的组件体系层次结构 ...
Ext组件的基本使用 1、组件概念   所谓组件,简单来说,就是指可以复用的应用程序组成部件。Ext最大特点,就是拥有一个庞大、功能齐全、结构及层次分明的组件体系,并在组件的基础上进一步封装出各种实用的控件。我们 ...
Ext本身包括了很多界面元素,这些界面元素的显示特性由样式文件来定义,使用Ext框架时先要引入ExtJS的样式文件。 引入ExtJS的样式文件 <link rel="stylesheet" type="text/css" href="plugins/extjs/ext-3.2/resources/css/ext-all.css" /> ExtJS核心是一个javascript库,因此,我们先要引入Ext的javascript库存文件。ext的JS库文件分成两部分,一个是适配器adapter,其中定义了事件处理、动画效果等底层 ...
...
1、事件驱动编程概述   事件及事件处理其实就是当用户执行某一个操作,或者是对象进入某一个状态时,会给哪些关心这个动作及状态的对象发送一个通知,那些对象(监听者)接受到通知后,会作具体的响应。比如说,当 ...
Global site tag (gtag.js) - Google Analytics