11 2011 档案
摘要：应用的可扩展性、可维护性和灵活性取决于应用架构的质量。不幸的是，这往往被视为马后炮。概念设计和原型变成了大规模的应用，许多应用的基础基本就是示例代码的复制与粘贴，这很诱人，因为这可以让你在项目在开始阶段有一个快速的进度。 然而，节省下来的时间相对于项目后期的维护、扩展甚至重构应用的时间来说，算不得什么。比较好的的方式是写一个可靠的架构，在实施前编写好遵循的约定和定义应用的视图、模型、存储和控制器等。在这篇文章，我们将会看到一个受欢迎的应用并讨论如何构建用户接口，从而创建可靠的架构。代码结构应用程序架构体系会为实际类和框架大妈提供结构和一致性。建立一个好的架构有以下主要好处：■ 每个应用的工作方
阅读全文
posted @ 2011-11-24 20:44
摘要：一、树面板简单示例 Javascript代码 vartree=Ext.create('Ext.tree.Panel',{ title:'树面板简单示例', width:150, height:100, renderTo:Ext.getBody(), root:{ text:'树根',//节点名称 expanded:true,//默认展开根节点 children:[{ text:'节点一',//节点名称 leaf:true//true说明为叶子节点 },{ text:'节点二',//节点名称 leaf:true//t
阅读全文
posted @ 2011-11-09 23:30
摘要：一、grid的例： Javascript代码 //配置表格列 {header:"姓名",width:50,dataIndex:'name'}, {header:"组长",width:50,dataIndex:'leader', xtype:'booleancolumn',//Ext.grid.column.Boolean布尔列 trueText:'是', falseText:'否'}, {header:"生日",width:100,dataIndex:&#
阅读全文
posted @ 2011-11-09 23:29
摘要：1、创建Ext.data.Model数据实体模型 Javascript代码 //注册用户数据模型User Ext.regModel('User',{ fields:[//定义模型字段 {name:'name',type:'string'}, {name:'age',type:'int'}, {name:'phone',type:'string'} ] }); //创建User模型的实体对象 varuser=Ext.ModelMgr.create({ name:'tom'
阅读全文
posted @ 2011-11-09 23:27
摘要：1、append方法 Javascript代码 vartpl=newExt.Template(//定义模板 '<tableborder=1cellpadding=0cellspacing=0>', '<tr><tdwidth=90>姓名</td><tdwidth=90>{0}</td></tr>', '<tr><td>年龄</td><td>{1}</td></tr>', '<tr
阅读全文
posted @ 2011-11-09 23:25
摘要：一、addListener方法 Javascript代码 varbutton=Ext.get('btn'); button.addListener('click',hello1);//绑定事件处理函数 button.addListener('click',hello2);var button = Ext.get('btn');button.addListener('click',hello1);//绑定事件处理函数button.addListener('click',hello2);二、ExtJS支
阅读全文
posted @ 2011-11-09 23:22
摘要：1、获取页面上的HTML元素，并进行处理，使用Ext.get('elid')方法，参数为HTML元素的id值，由此可对获取到的元素进行各种处理。例如： Javascript代码 varel=Ext.get("the-id"); varappendEl=Ext.get("the-id-append"); functionfn1(){ Ext.Msg.alert("提示","您在id为'the_id'的Element上按下了ctrl+c键"); } el.addCls("spe
阅读全文
posted @ 2011-11-09 23:20
摘要：<HTML><HEAD><TITLE>远程数据源的组合框示例</TITLE><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><linkrel="stylesheet"type="text/css"href="extjs4/resources/css/ext-all.css"/><scripttype="text/javascrip
阅读全文
posted @ 2011-11-09 23:16
摘要：Html代码 <HTML><HEAD><TITLE>提示信息</TITLE><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"><linkrel="stylesheet"type="text/css"href="http://www.cnblogs.com/ext-4.0/resources/css/ext-all.css"/><scriptt
阅读全文
posted @ 2011-11-09 23:15
摘要：一、基础知识 1、JAON对象的例子 Javascript代码 <scripttype="text/javascript"> varperson={//json对象定义开始 name:'tom',//字符串 age:24,//数字 sex:'man', married:false,//布尔值 books:[//数组，在数组中又嵌入了两个json对象 {name:'历史',price:30}, {name:'文学',price:25} ] }//json对象定义结束 //通过点号表示法来取得JSON对
阅读全文
posted @ 2011-11-09 23:12
摘要：Ext.create('Ext.panel.Panel',{ title:'面板头部（header）', tbar:['顶端工具栏(toptoolbars)'], bbar:['底端工具栏(bottomtoolbars)'], height:200, collapsible:true, collapseDirection:'left', width:300, frame:true, renderTo:Ext.getBody(), bodyPadding:5, bodyStyle:'background-co
阅读全文
posted @ 2011-11-09 22:22
摘要：首先先上一个Ext布局类型的继承图：Ext.layout.ContainerLayoutExt.layout.AnchorLayoutExt.layout.AbsoluteLayoutExt.layout.FormLayoutExt.layout.BorderLayoutExt.layout.ColumnLayoutExt.layout.FitLayoutExt.layout.AccordionExt.layout.CardLayout Ext.layout.TableLayout 再上一个Ext.Container及其子类继承图：Ext.Container Ext.Viewport Ext.
阅读全文
posted @ 2011-11-08 22:44
摘要：目标：介绍Panel布局的各种类 Panel布局类在VS中的介绍内容：Panel布局类有10种：容器布局，自适应布局，折叠布局，卡片式布局，锚点布局，绝对位置布局，表单布局，列布局，表格布局，边框布局 1，Ext.layout.ContainerLayout 容器布局 提供容器作为布局的基础逻辑，通常会被扩展而不通过new关键字直接创建，一般作为默认布局存在 2，Ext.layout.FitLayout 自适应布局使用layout:'fit' 将使面板子元素自动充满容器，如果有多个子面板也只会第一个会被显示 3，Ext.layout.AccordionLayout 折叠布局 （
阅读全文
posted @ 2011-11-08 22:38
摘要：//验证输入为数字 02private void txt_time_KeyDown(object sender, KeyEventArgs e) 03{ 04if (!((e.Key >= Key.D0 && e.Key <= Key.D9) || (e.Key >= Key.NumPad0 && e.Key <= Key.NumPad9))) 05{ 06e.Handled = true; 07} 08} 0910//屏蔽粘贴非法字符 11private void txt_time_TextChanged(object sender,
阅读全文
posted @ 2011-11-04 14:12
|
||
