ExtJs
事后诸葛亮
深入浅出!
展开
-
ExtJs——ComboBox(下拉列表、从后台读取数据、带分页)!!!
一,先来一个规范,而且简单的,从后台取数据ext //ajax combobox var proxy = new Ext.data.HttpProxy({url:'DataServlet.do'}); var record = new Ext.data.Record.create([ {name:'id',type:'int',mapping:'id'}, {name:'name',type:'string',mapping:'name'} ]); var reader = ne原创 2011-03-10 10:50:00 · 9789 阅读 · 0 评论 -
ExtJs——TreePanel(动态)!!!
<br />Ext.onReady(function(){ var root = new Ext.tree.AsyncTreeNode({id:'1',text:'根节点',leaf:false}); var tree = new Ext.tree.TreePanel({ dataUrl:'TreeServlet.do', title:'异步加载节点', width:300, height:300 }); tree.setRootNode(root); tree.原创 2011-03-14 16:21:00 · 2003 阅读 · 0 评论 -
ExtJs——TreePanel!!!
<br />Ext.onReady(function(){ Ext.QuickTips.init(); //定义根节点 var root = new Ext.tree.TreeNode({id:1,text:'根节点'}); var level_1_1 = new Ext.tree.TreeNode({id:2,text:'一级_1'}); var level_1_2 = new Ext.tree.TreeNode({id:3,text:'一级_2'}); var lev原创 2011-03-14 15:31:00 · 1404 阅读 · 0 评论 -
ExtJs——GridPanel分页!!!
<br />Ext.onReady(function(){ var proxy = new Ext.data.HttpProxy({url:'GridPanelPageServlet.do'}); var record = new Ext.data.Record.create([ {name:'hid',type:'int',mapping:'hid'}, {name:'name',type:'string',mapping:'name'}, {name:'sex',type:'s原创 2011-03-14 13:49:00 · 5576 阅读 · 1 评论 -
ExtJs——GridPanel!!!
<br />Ext.onReady(function(){ var sm1 = new Ext.grid.CheckboxSelectionModel({ //复选框 //singleSelect:true //单选 }); var cm1 = new Ext.grid.ColumnModel([ new Ext.grid.RowNumberer(), //显示序号 sm1, //复选框 {header:'姓名',width:80,dataIndex:'name',too原创 2011-03-11 17:18:00 · 1469 阅读 · 0 评论 -
ExtJs——FormPanel(布局)!!!
Ext.onReady(function(){ //行1 var row1 = { layout:'column', //从左往右布局 items:[{ columnWidth:.3, //该列有整行中所占百分比 layout:'form', //从上往下布局 items:[{ xtype:'textfield', fieldLabel:'姓', width:120 }] },{ columnWidth:.3,原创 2011-03-11 11:33:00 · 9857 阅读 · 1 评论 -
ExtJs——FormPanel(读取数据、等同修改)!!!
<br />Ext.onReady(function(){ var form = new Ext.form.FormPanel({ renderTo:Ext.getBody(), title:'表单初始化——用户注册', width:300, autoHeight:true, frame:true, labelWidth:65, labelAlign:'right', defaultType:'textfield', style:'padding:1原创 2011-03-11 13:29:00 · 2488 阅读 · 1 评论 -
ExtJs——FormPanel(完整示例、带悬浮提示、带验证)!!!
Ext.onReady(function(){ //姓名 var txtName = new Ext.form.TextField({ name:'txtName', fieldLabel:'姓名', width:200 }); //密码 var txtPassword = new Ext.form.TextField({ name:'txtPassword', fieldLabel:'密码', inputType:'password', wid原创 2011-03-10 16:48:00 · 5677 阅读 · 0 评论 -
ExtJs——FormPanel(简单登陆、带提交)!!!
Ext.onReady(function(){ //form var form = new Ext.form.FormPanel({ renderTo:Ext.get('div1'), title:'欢迎登陆', width:300, height:200, bodyStyle:'padding:6px', labelAlign:'right', //统一的提示信息方式 frame:true, items:[ new Ext.form.Text原创 2011-03-10 14:37:00 · 2820 阅读 · 0 评论 -
ExtJs2.X-目录结构分析!!!
<br /> 下载的文件解压后,包含若干个文件夹和文件,作用分别如下:<br /> adapter文件夹:该文件夹包含了extjs和其实框架如jquery、yui、prototype的桥接器,用于Extjs和这些框架的友好整合。<br /> build文件夹:包含了所有js文件的紧凑压缩版,方便网络传输,提高下载速度。<br /> docs文件夹:Extjs的帮助文档,遗憾的是要先布署在服务器上才能访问。网上有人制作了无需布署的版本。<br /> exampl原创 2011-03-09 11:30:00 · 1200 阅读 · 0 评论 -
ExtJs——Ajax(包含上传)!!!
<br />一、先来一个简单的Ajax,返回json数据。<br />ext<br />Ext.Ajax.request({ url:'TimeServlet.do', success:function(response,config){ alert(config.url + ';' + config.method); var json = Ext.util.JSON.decode(response.responseText); Ext.Msg.alert('r原创 2011-03-10 09:13:00 · 5062 阅读 · 1 评论 -
ExtJs——简单组件(ComboBox、GridPanel、Button、Fx、DatePicker)!!!
<br />Ext.onReady(function(){ //动画效果 Ext.get('a1').applyStyles({ position:'absolute', top:50, left:50, backgroundColor:'red', width:50, height:50 }).slideIn(); //按钮 var btn = new Ext.Button({ renderTo:Ext.get('a2'), tex原创 2011-03-09 16:05:00 · 1533 阅读 · 0 评论 -
ExtJs——MessageBox!!!
/** * 消息框 */Ext.onReady(function(){ //提示框 Ext.get('alert_id').on('click',function(){ Ext.Msg.alert('提示','信息',function(btn){ Ext.Msg.alert('提示','您点击了:' + btn); }); }); //输入框 Ext.get('prompt_id').on('click',function(){ Ext.Msg原创 2011-03-09 11:31:00 · 1226 阅读 · 0 评论 -
ExtJs——Panel、Window!!!
<br />Panel的子类有TreePanel、TabPanel、FormPanel、GridPanel、EditGridPanel等等。<br />Window也是Panel的子类。所以他们使用上差不多!!!<br /> <br />Ext.onReady(function(){ //最简单的panel var tbar = new Ext.Toolbar({ buttons:[ {text:'新建',handler:function(){Ext.Msg.alert('title'原创 2011-03-10 13:18:00 · 2390 阅读 · 0 评论