随笔分类 -  Extjs4

摘要：平台是extjs4+struts2定义一个带回调函数的window 1 var _showMultiUploadWindow = function (callbackFunction,uploadUrl,post_params,file_types) { 2 var win = Ext.create('Ext.ext.uploadWindow.MultiUploadWindow', { 3 callbackFunction: callbackFunction, 4 uploadUrl: uploadUrl, 5 post_params:... 阅读全文

摘要：监听方法checkchange：1 listeners:{2 'checkchange': Ext.bind(this.checkChange,this)3 }主要代码 1 function cascadeCheck(node,checked){ 2 //调用函数改变子孙节点的状态 3 changeChildrenStatus(node,checked); 4 5 //调用函数改变祖先节点的状态 6 changeParentStatus(node,checked); 7 } 8 //函数: 改变改变子孙节点的状态 9 funct... 阅读全文

摘要：Ext的treepanel 没有自带checkbox级联选择效果，因为用得着，所以自己动手写了个， 现将代码分享一下， 欢迎批评指正。由于我在改变节点复选框的选中状态后没有调用其onCheckChange()方法, 所以在获取已选中的节点时不能使用tree.getSelected()方法. 于是自己也相应为自己的级联添加了getSelected()方法.代码是用editplus写的, 没有用IDE, 为节省功夫, 注释不是很规范, 请见谅.下面是测试代码： 1 Ext.onReady(function(){ 2 var root=new Ext.tree.TreeNode({ 3... 阅读全文

摘要：eval函数 JSON文本转换为对象为了将JSON文本转换为对象，可以使用eval函数。eval函数调用JavaScript编辑器。由于JSON是JavaScript的子集，因此编译器将正确的解析文本并产生对象结构。文本必须括在括号中避免产生JavaScript的语法歧义。var obj = eval('(' + JSONTest + ')');eval函数非常快速。它可以编译执行任何JavaScript程序，因此产生了安全性问题。当使用可信任与完善的源代码时才可以使用eval函数。这样可以更安全的解析JSON文本。使用XmlHttp的web应用，页面之间的通讯 阅读全文

摘要：1 {layout:'column',border:false,anchor:'-20',items:[ 2 {columnWidth:.5,layout:'form',border:false,items:[{ 3 xtype: 'radiogroup', 4 itemId: 'isRemindGroup', 5 fieldLabel: '是否提醒*', 6 ... 阅读全文

摘要：今天遇到一个很弱智的问题，见图需要将客户信息列表里的record添加到批量设置里的客户信息中，但是直接添加会造成直接将客户信息record中的序号也添加到批量设置里经各种实验结果发现直接将record的index置空，则批量设置中的序号即可正确1 var record = records[i];2 record.index = "";3 this.customerList.getStore().add(record); 阅读全文

摘要：enableFont : Boolean 允许字体选项。Safari 中无效。(默认为 true)。Enable... 允许字体选项。Safari 中无效。(默认为 true)。Enable font selection. Not available in Safari. (defaults to true) HtmlEditor enableFontSize : Boolean 允许增大/缩小字号按钮(默认为 true)。Enable the in... 允许增大/缩小字号按钮(默认为 true)。Enable the increase/decrease font size but... 阅读全文

摘要：生成树的json中添加属性checked:true/false，则可在树生成时添加checkbox并将其显示默认是否选中如下代码是将父节点被选中时，子节点级联选中监听，tree的"checkchange"事件即可1 this.listeners= { 2 "checkchange":Ext.bind(this.checkChange,this)3 }; 1 checkChange:function(node, checked, eOpts){ 2 if (checked == true) { 3 node.checked = checked; 4 ... 阅读全文

摘要：1 substr 方法 2 返回一个从指定位置开始的指定长度的子字符串。 3 4 stringvar.substr(start [, length ]) 5 6 参数 7 stringvar 8 9 必选项。要提取子字符串的字符串文字或 String 对象。10 11 start12 13 必选项。所需的子字符串的起始位置。字符串中的第一个字符的索引为 0。14 15 length16 17 可选项。在返回的子字符串中应包括的字符个数。18 19 说明20 如果 length 为 0 或负数，将返回一个空字符串。如果没有指定该参数，则子字符串将延续到 stringvar 的最后。21 ... 阅读全文

摘要：配置Store： 1 configProxy: function(action){ 2 return { 3 type : 'ajax', 4 reader : { 5 type: 'json', 6 root: 'data', 7 idProperty: 'id', 8 totalProperty: 'totalCount', 9 successProperty: 'su... 阅读全文

摘要：注意：Menu组件如果声明在itemcontextmenu事件中，则每次触发这个事件都会实例化Menu对象，倘若对其添加ID属性，则会造成id冲突，则Menu只显示一次 1 listeners: { 2 itemcontextmenu:function(dataview, record, item, index, e, eOpts){ 3 e.preventDefault();//禁用浏览器的右键相应事件 4 e.stopEvent(); 5 ... 阅读全文

摘要：创建EXTJS组件 1 //生成messagePanel 2 createMessagePanel:function(){ 3 return Ext.create('Ext.panel.Panel',{ 4 itemId:'compPanel', 5 layout:'anchor', 6 autoScroll:true, 7 border:false, 8 items: [ 9 {layout:'... 阅读全文

摘要：创建model 1 Ext.define('Keer.ext.model.ExPhotoContentDataViewModel',{ 2 extend: "Ext.data.Model", 3 fields:[ 4 {name:'id', type:'string'}, 5 {name:'name', type:'string'}, 6 {name:'width', type:'int'}, 7 {name:'height', type:' 阅读全文

摘要：(一)js 1 var store = new Ext.data.JsonStore({ 2 url: 'get-images.php', 3 root: 'images', 4 fields: [ 5 'name', 'url', 6 {name:'size', type: 'float'}, 7 {name:'lastmod', type:'date', dateFormat:'timestamp'} 8 ] 9 });10 store.load( 阅读全文

摘要：在extjs中加载数据时一般会给出相应的提示信息，表示当前正在进行某些操作，请用户等待。下面以两种类型为例：1. 对于某个容器自身，例如var o=Ext.getCmp(‘panelId’);显示加载数据提示可以采用这样很简单的方法：o.el.mask(‘Loading’, ‘x-mask-loading’);数据加载完成后，取消提示：o.el.unmask();2. 对于整个页面，可以使用MessageBox组件Ext.MessageBox.wait(‘Loadng’, ‘Please Wait…’);完成后隐藏消息框Ext.MessageBox.hide(); 阅读全文

摘要：Ext.bind(Function fn, [Object scope], [Array args], [Boolean/Number appendArgs])fn: 绑定的函数名称,scope:函数引用的范围args:参数数组appendArgs:是否将传入的参数添加在已有的参数后面 true/false例:1 函数声明:onExhibitionDeploy:function(status,type)2 调用:Ext.bind(this.onExhibitionDeploy, this,[1,2],false)如果说该函数绑定在click事件上,因为click事件原本就有3个参数,因此总共有 阅读全文

摘要：Ext.decode(str) //将json数据转换成对象Ext.encode(obj)//将对象转换成json数据 阅读全文

摘要：刚开始搞Ext，没想到取返回值这里就犯迷糊了，上网瞄半天，大篇大篇的代码，眼睛看瞪出来了，才发现区别： 自己写个简单的总结吧。 比如返回的json数据{success:true,msg:'提示神马神马。。'}1、Ajax取值方式如下： 1 Ext.Ajax.request({ 2 url: 'tmp.aspx', 3 params: { 4 uid: userid, 5 }, success: function(form, options) { 6 var respText = Ext.util... 阅读全文

摘要：1 Ext.define('Keer.ext.store.ExhibitionCategoryStore',{ 2 extend: 'Ext.data.Store', 3 model: 'Keer.ext.model.ExhibitionCategoryModel', 4 pageSize: 20, 5 remoteSort: true, 6 proxy: { 7 type: 'ajax', 8 actionMethods: { 9 read: 'post'10 },11 ... 阅读全文

摘要：就这一个问题困扰了我两天 一直解决不了今天看了一段代码之后恍然大悟 就是这么简单做个记号 以后方便查询 1 xtype:'button', 2 text:'添加字段', 3 handler:function(){ 4 5 var _panel = this.ownerCt; 获取panel 6 7 var _textfield = new Ext.form.TextField({ 8 width:15... 阅读全文