Ext第三次课.docVIP

第一次课： Ext的简单介绍 发展历程 演示example Ext插件spket配置 参考文档 Ext Hello World 需要引入的资源 link rel=stylesheet type=text/css href=extjs2/resources/css/ext-all.css / script type=text/javascript src=extjs2/adapter/ext/ext-base.js/script script type=text/javascript src=extjs2/ext-all.js/script 在body内加入的内容 script Ext.BLANK_IMAGE_URL = extjs2/resources/images/default/s.gif; Ext.onReady(function(){ Ext.MessageBox.alert(标题,HelloWorld); }); /script JSON介绍 JavaScript Object Notation(JavaScript对象符号) 是一种结构化、轻量级、完全独立于语言、基于文本传输的数据格式，替代XML 语法格式：以“{”开始，以“}”结束，属性名和值间用“:”分隔，属性间用“,”分隔。 简单示例： script var person = { //json对象定义开始 name : Tom, //字符串 age : 24, //数字 sex : 男, married : false, //布尔值 books : [ //数组,在数组中又嵌入了两个json对象 {name:历史,price:30}, {name:文学,price:25}, ] } //通过点号表示法来取得JSON对象的内容属性 alert( + + person.married + + person.books[0].name); /script Ext组件配置方式介绍 使用逗号分隔参数列表配置组件 Ext.onReady(function(){ Ext.Msg.alert(提示信息,逗号分隔参数列表); });Ext.onReady(function(){ var config = { title:提示信息, msg:使用JSON对象配置 }; Ext.Msg.show(config); });Ext.onReady(function(){ Ext.MessageBox.alert(提示信息,请单击我,确定,callBack); function callBack(id){ alert(单击的按钮ID是：+id); } } );Ext.onReady(function(){ Ext.MessageBox.confirm(提示信息,请单击我,作出选择,callBack); function callBack(id){ alert(单击的按钮ID是：+id); } } );Ext.onReady(function(){ Ext.MessageBmpt(提示信息,输入一些内容看看：,callBack,true); function callBack(id,msg){ alert(单击的按钮ID是：+ id +\n输入的内容是：+msg); } } );… buttons已提供配置对象说明 CANCEL OK OKCANCEL icon 配置项参考buttons的思路 Ext.onReady(function(){ Ext.Msg.show({ title:提示信息, msg:show()方法的用法, value:请输入, modal:true, prompt:true, buttons:Ext.Msg.YESNOCANCEL, icon:Ext.Msg.QUESTION, fn:callBack, closable:false }); function callBack(id,msg){ alert(单击的按钮ID是: + id +\n输入的内容为：+msg); } });Ext.onReady(function(){ //必须放在创建提示框之前 Ext.Msg.buttonText = { yes:是, no:否, cancel:取消 } E