extJs自学笔记概述.docx

Ext.define自定义按钮 自定义按钮并添加初始化方法和监听，注意define（‘js文件路径’），只有这样的命名才能被extjs加载 在JSP文件中首先引用ext必须的文件 然后引用test-define.js 结果：在执行到require方法时会自动加载define.js文件，执行create方法时会调用initComponent方法显示自定义按钮 //文件路径 js/test-define.js Ext.require([js.define]); Ext.onReady(function(){ Ext.create(myButton); }); //文件路径 js/define.js Ext.define(js.define, { require : [Ext.util.*], extend: Ext.button.Button, alias : myButton,//定义别名 text : 自定义按钮, //初始化组件方法，在组件加载时调用 initComponent: function() { //this.text = new Date(); Ext.MessageBox.alert(title,init); console.log(init); this.renderTo = Ext.getBody(); //调用父类的构造方法 this.callParent(); }, listeners: { click : function(){ Ext.MessageBox.alert(title, onclick); console.log(onclick); } } }); Eclipse运行参数 导师配置 -Xms2048m -Xmx2048m -XX:MaxPermSize=1024m 老潘配置 Xms512m -Xmx512m -XX:MaxPermSize=1024m -DWORKING_PATH=c:\work\dev\workspace\xParPlus\src\main Ext.grid 获取选中的元素信息 获取单行数据 var selectedDatas=me.dataGridPanel.getSelectionModel().selected; if(selectedDatas.length1){ Ext.MessageBox.alert(提示,一次只能对一行数据进行操作); return; } alert(selectedDatas.items[0].); json数据中包含name属性 获取多行数据 var _selections = me.gridVar.getSelectionModel().selected; var codeArray = new Array(); for ( var i = 0; i _selections.length; i++) { var _data = _selections.items[i].data; codeArray.push(_data.code); } XIRJS.common.Util.ajaxRequest({ url : varMaintain/deleteVar.action, params : { codes : codeArray.join(,) }, }); 向后台传递参数codes,值为code数组 Ajax  HYPERLINK http://extjs-doc-cn.github.io/ext4api/ \l !/api/Ext.Ajax http://extjs-doc-cn.github.io/ext4api/#!/api/Ext.Ajax  HYPERLINK http://extjs-doc-cn.github.io/ext4api/ \l %21/api/Ext.Ajax-method-request Ext.Ajax.request({ url: page.php, params: { id: 1 }, success: function(response){ var te