【javascript – ExtJs,保持图像不会在Ext.Img中拉伸】教程文章相关的互联网学习教程文章

javascript – EXTJS选项卡面板使标签拉伸以填充面板【代码】

我遇到的问题是我无法在extjs选项卡面板上标记以填充面板的整个宽度.我曾尝试过调用resizeTabs,但事先没有找到这个探测器的答案.解决方法:在tabpanel配置中,添加以下tabBar配置:tabBar: {defaults: {flex: 1},dock: 'top',layout: {pack: 'center'}}

javascript – IE9权限在写入窗口时被拒绝 – ExtJS 4 App【代码】

var display_setting = "toolbar=yes, location=no, directories=yes, menubar=yes,";display_setting += "scrollbars=yes, width=750, height=600, left=100, top=25";var printwin = window.open('', 'printwin', display_setting )printwin.document.open()printwin.document.write("Testing")printwin.document.close()为什么上面的代码在IE9中生成“Permission Denied”错误,但在Firefox或Chrome上运行得很好?有工作吗?它是...

javascript – ExtJS – 区分MultiSelect中的项目【代码】

我在ItemSelector中有2个MultiSelects,它本身在FormPanel中.每个MultiSelect由2个商店组成:左侧和右侧(带箭头以在2之间移动项目). 当我加载面板时,我提供一个参考,以突出显示从一侧移动到另一侧的项目(例如,将设置的样式设置为红色以移动项目),因为今天无法区分它们. 我设法在商店后添加事件并通过DOM访问应用我的风格.这在跟踪期间有效,但稍后会执行剩余的ExtJS标准调用,覆盖我刚刚应用的样式… 我觉得我所做的并不是好方法,但我...

javascript – extjs存储代理不调用xtype【代码】

我有一个弹出窗口,有一些xtypes,一个xtype是一个网格,有一个商店,但我没有看到它调用任何ajax调用.有人能告诉我我错过了什么吗?Ext.define('myApp.view.myPopup' {... .... {xtype: 'grid',store: 'MyStore',iconCls: 'x-fa fa-users',height : 450,columns: [{header......}商店Ext.define('myApp.store.MyStore', {extend: 'Ext.data.Store', model: 'myApp.model.modelA',pageSize: 100,remoteSort: true,autoload : true,prox...

javascript – 从json store extjs获取记录【代码】

我有一个json存储加载,我需要从中获取一条记录.我用过:getAt(index),find(),getById(),但没有结果.这是我的代码:var appSettingReader = new Ext.data.JsonReader({ root: 'results',},[{name: 'id', type: 'int', mapping: 'id'},{name: 'projetId', type: 'int', mapping: 'projetId'},{name: 'resLevels', type: 'int', mapping: 'resLevels'},{name: 'maxResToLock', type: 'int', mapping: 'maxResToLock'},{name: 'ma...

javascript – 如何在ExtJs 4或3中编写自定义布局【代码】

我想写自己的布局..(比如vbox,border等等)…我想要做的是创建布局,将其内容放在中间(verticall – middle,horisontal – middle).. 有没有人可以告诉我这个控件在extJs中会是什么样子,或者可以提供一些可能有用的链接? 我有这个例子 http://dev.sencha.com/deploy/dev/examples/layout-browser/layout-browser.htmlExt.ux.layout.CenterLayout = Ext.extend(Ext.layout.FitLayout, { // private setItemSize : function(item,...

javascript – 在ExtJS 4 Grid中设置单元ID【代码】

我正在将相当大量的旧HTML代码移植到ExtJS 4网格中,并且偶然发现了以下挑战:我希望能够为网格中的TD元素设置自定义ID.据我了解,我需要覆盖用于创建单元格的默认模板.我当前的模板如下所示:Ext.view.TableChunker.metaRowTpl = ['<tr class="' + Ext.baseCSSPrefix + 'grid-row {addlSelector} {[this.embedRowCls()]}" {[this.embedRowAttr()]}>','<tpl for="columns">','<td class="{cls} ' + Ext.baseCSSPrefix + 'grid-cell '...

javascript – 在ExtJS中拖动时删除反馈图标【代码】

我创建了一个DataView,其中的项目可以在内部拖动以重新排列,但问题是,虽然我可以轻松地拖动和重新排列数据视图中的项目,但在拖动时,创建项目的叠加显示“红色”反馈图标(这表明该项目不能放在这里),虽然我不希望显示任何反馈图标(绿色或红色),只是项目的叠加就足够了. 如何摆脱反馈图标?解决方法:简短的回答,你可以添加这两个CSS规则:.x-dd-drag-ghost {padding-left: 5px; } .x-dd-drop-icon {display: none; }如果您不想隐藏整...

javascript – ExtJs 4上的TreeNode点击事件【代码】

我正在使用ExtJS 4(beta 3),我有一个TreePanel,这是我的导航菜单.它是这样的: >乔布斯 >添加工作>列出所有工作 > …… > ……> …… (这将在许可系统基础上进行,但这是另一个故事) 在ExtJS 3上,当我点击“添加工作”时,做一些事情就像添加一样简单... leaf:true, listeners:{ click:function(n){//my code...} } ...到root子元素. 现在不是那么简单.我越接近(在树梢上)listeners:{click : {element : 'el',fn : function(eve, ele...

javascript – 我将如何从json文件创建模型? (ExtJS的)【代码】

这是我想用json文件创建的模型Ext.define('Users', {extend: 'Ext.data.Model',fields: [{name: 'user_id', type: 'int'},{name: 'user_name', type: 'string'}] });基于来自服务器的json响应的内容,我需要做什么才能自动创建此模型?解决方法:为了自动创建模型,您需要将metaData字段包含在Json数据中. metaData可用于描述模型的所有字段. 在ExtJS 4.1文档中 – Ext.data.reader.Json有一个名为Response MetaData的部分,它描述了...

javascript – ExtJs,保持图像不会在Ext.Img中拉伸【代码】

我不确定是否可以这样做,但ExtJS中是否可以在Ext.Img组件中保持图像不会拉伸到组件的大小而是保持其比例?为了防止它看起来拉长? 让我试着通过研究这一点来澄清这一点,如果在HTML中我会做这样的事情<img src=# />图像没有改变,只是我需要它的大小,如果在ExtJs中我做了这样的事情xtype:'image',id: 'south_image',src: '#',region: 'south',width: 700,height: 200然后图像被拉伸,有没有办法,假设Ext.Img比图像大,我如何让图像保持...

javascript – 如何过滤ExtJs GridPanel / ExtJs商店?【代码】

我是ExtJs的新手.我有一个与数据存储绑定的GridPanel.我有一个checkboxgroup,它包含GridPanel行的可能值.我想用checkboxgroup值过滤GridPanel. 这是代码 – Store1 = new Ext.data.JsonStore({ url: 'CustomerProfiles/GetDetails', root: 'rows', fields:['Name','Id'] });DetailedResults ={xtype: 'grid',autoHeight: true,autoWidth: true,autoScroll: true,border: false,trackMouseOver: false,frame: true,store: Store1,co...

javascript – 如何在extjs中单击按钮后打开窗口【代码】

我正在使用extjs设计师2.它工作正常,我设计了一个视口.它会创建一些视图文件.第一个是myviewport.js:Ext.define('MyApp.view.MyViewport', {extend: 'Ext.container.Viewport',layout: {type: 'border'},initComponent: function () {var me = this;Ext.applyIf(me, {items: [{xtype: 'tabpanel',activeTab: 1,region: 'center',items: [{xtype: 'panel',title: 'SIM usage'}, {xtype: 'gridpanel',title: 'Reports',forceFit: tr...

javascript – Extjs:定期执行一个函数【代码】

如何使用ExtJS定期启动函数.我尝试了示例代码from the docs,但是我收到了一个错误.var runner = Ext.util.TaskRunner(), task = runner.start({run: function(){ ... },interval: 1000 });task = runner.start(…)出错Uncaught TypeError: Object #<Object> has no method 'start'我也发现这段代码很长.在ExtJS中启动常规任务是否有更短的版本?解决方法:更短的版本是Ext.TaskManager.start({run: function() { ... },interval: 10...

javascript – 树的ExtJS数据存储

我有一个基本的ExtJS问题,基于阅读文档和搜索,我似乎无法解决这个问题.目前我有一个TreePanel直接从URL加载JSON.我正在尝试将数据与视图分开,这样我也可以使用该数据输入OpenLayers地图(使用GeoExt).如何将TreePanel指向Ext.data.Store而不是URL?解决方法:TreePanel使用TreeLoaders而不是Stores来加载数据.原因是树需要分层数据,而存储是平面表结构,不支持层次结构.基本数据对象也不同(Record vs. Node).当然,您可以使用父/子键将...

EXTJS - 相关标签
IMG - 相关标签
JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部