Extjs
关注
分享
扫一扫
耳翼
这个作者很懒，什么都没留下…
展开
-
Extjs combobox的属性设置
// The data store containing the list of statesvar states = Ext.create(‘Ext.data.Store’, {fields: [‘abbr’, ‘name’],data : [{“abbr”:“AL”, “name”:“Alabama”},{“abbr”:“AK”, “name”:“Alaska”},{“abbr”:...原创 2020-01-07 16:58:56 · 860 阅读 · 0 评论 -
Extjs 跨域访问(Ext.data.JsonP)
Ext提供了Ext.data.JsonP类，他分装了大部分跨域的功能，拿来用就可以。对跨域已经支持。基本原理无非就是Jsonp,通过添加脚步引用块来实现。 Ext.data.JsonP.request({ url: 'url',//跨域的地址 timeout: 3...原创 2018-06-05 15:50:39 · 4286 阅读 · 0 评论 -
Ext Tab Ajax
平常我们在用到Tab时，要求点击那个tab时，就刷新当前tab页。这个时候我们可以用Tab的监听函数。tabchange listeners: { 'tabchange': function (tabPanel, newItem, oldItem) { //获取类型然后获取store ...原创 2018-07-18 09:51:59 · 260 阅读 · 0 评论 -
ext 修改滚动条样式
/**控制 chrome 滚动条颜色/::-webkit-scrollbar-track-piece{background-color:#D2E5F4;/ 空出来的颜色 */-webkit-border-radius:0;}::-webkit-scrollbar-thumb{height:50px;background-color:#9f82ff;/* 滚动条颜色 /-we...原创 2018-10-11 10:35:19 · 1113 阅读 · 0 评论 -
ext panel 中添加图片
{xtype: ‘box’, //或者xtype: ‘component’,这时可以设置宽高（width，height） 选择box的时候是全部覆盖autoEl: {tag: ‘img’, //指定为img标签src: ‘photo.png’ //指定url路径 ，相对路径}} 动态更新的时候：//动态更新只需要获取到刚才建立的box的dom的srcphoto.g...原创 2018-10-12 10:33:06 · 1443 阅读 · 0 评论 -
Ext.grid.panel里 怎么设置 列标靠左 值靠右
{ “header”: “项目”,textAlign: “center”,‘minWidth’: 120,flex: 1,style:‘text-align:center;’,“dataIndex”: “PARAMETER_NAME”,align: ‘left’,}这样就可以设置成下图的样子...原创 2018-10-08 16:49:49 · 2208 阅读 · 0 评论 -
ext tabpanel集成第三方echart的问题（报getStyle为null的错误）
最近在做ext集成charts的功能，主要是使用tabpanel，将charts集成到tab中，随便切换tab选项就会报错崩溃。之前演示的时候也发现了该问题，由于在tab项中有加载svg文件的操作，该svg文件是比较大的，开始是怀疑有可能是加载大文件时的问题，没有注意，但是后来将charts集成后该问题重复出现，必须解决。这里自己给自己挖了一个大坑，出现问题时其实应该在有问题的代码处打上断点，...转载 2018-11-29 11:25:57 · 391 阅读 · 0 评论 -
extjs 添加tip提示框
1、获取组件的id，2、用setAttribute()方法；Ext.getCmp('id').getEl().dom.setAttribute('data-qtip', '测试');//可以把这个方法放在change事件中，或者其他事件，根据需求来调整...原创 2019-05-27 14:37:57 · 1284 阅读 · 0 评论 -
ext grid 内容过长自动换行
我们在ext—grid中经常遇到内容过长，换行问题。有以下2中方法：1、使用rendere方法{ header: '工作内容', flex: 1, dataIndex: 'PLAN_CONTENT', minWidth: 100, re...原创 2019-06-04 18:19:28 · 2266 阅读 · 0 评论 -
Ext button 点击前后样式的修改
点击之前的按钮颜色点击之后的颜色Ext.create('Ext.Button', { text : 'Dynamic Handler Button', renderTo: Ext.getBody(), style: { backgroundColor: '#26adaf', color:...原创 2019-06-26 16:13:54 · 1409 阅读 · 0 评论 -
Ext grid 修改column中的内容使得表头展示不一样
我们可以使用下面这个方法，由于每次点击使得界面的表头进行更改，所以就需要一个方法来进行动态的切换、reconfigure (store ,columns)第一个参数是grid的store,第二个就是columns,每改变一次就调用这个方法，Ext.getCmp(‘id’).reconfigure(store,columns)...原创 2019-07-10 11:12:38 · 489 阅读 · 0 评论 -
Ext grid 改变行背景色
有时候我们会要求改变grid的某一行背景颜色，根绝特定的条件，这时候可以用viewConfig这个方法。Ext.util.CSS.createStyleSheet('.ts {background:#9a9a9bc2;}');//单独创建css样式{ xtype: 'gridbase', region: 'n...原创 2018-05-29 14:26:43 · 2222 阅读 · 0 评论 -
EXT Panel 关于横纵向滚动条问题
EXT Panel 关于横纵向滚动条问题 今天再做项目时遇到需在panel中添加滚动条，且是纵向的滚动条。在panel中添加了autoScroll 属性，并设置的值为true.但是会在水平位置上也出现滚动条，这是我不需要的。要把他去除。解决的办法是设置他的样式，去除滚动条：bodyStyle:’overflow-x:hidden;’”如果是纵向隐藏可以将x修改成y,即overflow-y:h...原创 2018-06-04 10:14:13 · 1194 阅读 · 0 评论 -
Extjs treepanel 增加新的虚拟节点
有时候我们需要在工作中添加一个虚拟根节点 var treeStore; Ext.ajax({ url: 'url', method: 'post', async: false, }, function (json) { Ext.Arra...原创 2018-05-10 10:34:10 · 955 阅读 · 0 评论 -
Extjs tree 右键进行叶子节点的增删编辑
Ext.create('Ux.tree.Panel', { width: 200, height: 450, region: 'west', id: 'leftTree', displayField: "msgTypeName", ...原创 2018-05-10 16:58:37 · 805 阅读 · 0 评论 -
Ext store 根据valuefield获取对应的其他值
有时候我们在用store 的时候，会有需求要求我们出了valuefield和displayfield还需要其他的值(必须保证自己要求的那个值在我们请求的数据里面有返回给我们) 这个时候我们就可以用findRecord()方法 findRecord( String fieldName, String/RegExp value, [Number startIndex], [Boolean anyM...原创 2018-05-17 16:09:24 · 1512 阅读 · 0 评论 -
Ext 清空form 填写的值
Ext.getCmp(‘formid’).form.reset();//只清空输入值，不清空原始值，需要给form增加一个id为：formid原创 2018-05-17 16:10:42 · 1045 阅读 · 0 评论 -
Extjs给grid单独添加一行小标题
由于有时候要求我们展示这样的grid, Ext本身很难完成这样的需求。 所以我进行了如下的操作//grid的store Ext.define('_dataModel', { extend: 'Ext.data.Model', fields: [] }); var _store = Ext.create...原创 2018-05-07 16:35:46 · 1465 阅读 · 0 评论 -
html中嵌套iframe页面
有时候需要把其他地方的页面嵌套到当前的的网站的某个模块中，就可以使用iframe嵌套 1、不需要登录其他网站的直接嵌套 新建html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度</title&a原创 2018-05-14 14:20:08 · 78377 阅读 · 3 评论 -
Extjs 的setEditor()和getEditor()方法
这里主要是针对grid的编辑时候不同格式进行设置。例如在一列中，前几行需要是combobox后几行需要的是textfield，这时就需要用到上面的方法。 xtype: 'gridbase', store: _store, id: 'grid', autoSc...原创 2018-05-07 17:04:02 · 4143 阅读 · 0 评论 -
Extjs grid 的title和tbar的位置
大部分的时候我们需要将title放在tbar的下面，但是在Extjs中我们直接放不可以成功，会变成下面的样子。 这种是直接在grid加tbar,没有进行任何设置。 xtype:'gridbase', title: '石油特别收益金比率表', titleAlign: "center", ...原创 2018-05-08 09:58:19 · 1763 阅读 · 0 评论 -
Extjs grid 的背景框颜色设置
有时候需要根据特定的条件改变grid某一行的背景色，所以就可以使用renderer方法{ "text": "参考值", flex: 1, "dataIndex": "REFERENCE", ...原创 2018-05-08 10:58:33 · 1073 阅读 · 0 评论 -
Ext border布局自动折叠起来
border布局：border布局也称边界布局，他将页面分隔为west,east,south,north,center这五个部分，我们需要在在其items中指定使用region参数为其子元素指定具体位置。注意：north和south部分只能设置高度（height），west和east部分只能设置宽度（width）。north south west east区域变大，center区域就变小了。...原创 2018-05-16 11:10:48 · 1887 阅读 · 0 评论 -
Extjs中使用Echarts(自适应)
首先我们需要在extjs中引用echarts 1.index.html文件中引入Echarts<script type="text/javascript" src="js/echarts-min.js"></script> “js/echarts-min.js”替换成自己的echart文件路径;下载的时候根据的自己的需求下载不同的js. 2. 新建一个Panel（其他控件都OK），名字叫做P原创 2017-12-07 14:35:24 · 4358 阅读 · 3 评论