java_dotar_01的专栏

做个记录，给有缘人一起看看我是做java开发的，不想用extjs官方提供的cmd来进行开发，所以就需要将extjs整合进myeclipse中。在extjs官网中下载 extjs6.0.0-gpl的包。在web项目的静态页面中，引入的文件：1、Extjs\ext-bootstrap.js2、Extjs\build\ext-all.js或者Extjs\build\ext-all-d...

ar obj = Ext.get('mapObject');   //obj为拿到这个控件元素          if(record.data.text=='光明左使--向问天'){               obj.dom.setModleMode(1); //obj.dom才是拿到这个对象                              //然后调用这个对象的方法,     ...

一种Ext.util.Cookies.set('tree-select-record3',1);     //设置cookie Ext.util.Cookies. get( 'tree-select-record3');//拿到从cookie中的值 第二种//设置cookie      Ext.state.Manager.setProvider(          ...

1.用html这个属性     直接html语言写在html这个属性上     例如：     html: '<OBJECT ID="" WIDTH="100%" HEIGHT="100%" CLASSID=""></OBJECT>'2.先将html中的标签封装起来     例:         var spec = {              id: 'm

因为button中的icon是用来加载小图标的，所以当你要加载整张图作为button的背景的时候你最好用css效果     例如：1.js代码{       xtype: 'button',     height: 90,      width: 100,      style:{       border:'none'       },       text: '&lt...

CRUD操作指的是create , update,read , destroy四个操作。指的是对ExtJs的前台数据Store的增加,修改，加载（load，也可以说是查询），删除四个操作。下面先看使用实例，首先要现在store里面定义api。[javascript]view plaincopy print?vargrid=Ext.create('Ext.tree.Panel',...

var store = this.up("treepanel").getStore(); store.clearFilter(); var _regExp = new RegExp('...

随着对extjs的开发使用，发现它自带的图表系统并不十分友好，所以打算集成 百度的echarts系统来做我们自己系统的图形报表。开发过程中遇到了不少问题，这里记录一下。首先引入echarts的js文件（不做介绍了）定义echart组件,我这里使用的是散点图（其他图也是一样），代码如下Ext.define('PAS.util.echart.ScatterEchart', { ...

集成echarts请看 本人上一篇博客。在实际开发过程中，很多场景需要 点击 图表中的 点来进行部分操作，这里就记录一下我的学习过程。echart的官方的点击描述：https://echarts.baidu.com/tutorial.html#ECharts%20%E4%B8%AD%E7%9A%84%E4%BA%8B%E4%BB%B6%E5%92%8C%E8%A1%8C%E4%B8%BA...

Extjs并没有提供选择多文件的组件，所以我们这里需要改建一下组件，而在使用的过程中碰到多个“坎”，在这里记录下，也给有需要的朋友 提供点力所能及的帮助。1、扩展extjs组件，核心其实就是 找到 input[type=file]的组件，往里面加属性，因为this.getEl()可以拿取到这个组件最外层的div，所以往下找down，找到input的组件，另外，在change事件触发的时候，给当...

现在的开发中，出现一个需求，就是需要在界面 中根据后台的数据动态的显示 gridpanel的列，同时需要固定某些列，闲话不说，先看代码，在 主界面中 只有一个 gridpanel,其他啥也没有，看下：{ xtype:"gridpanel", width:"100%", title:"详细信息EQPID", id:"lotview_lotdetail_eqpid", borde...

需求就是如题所说，下面直接代码自己定义的 css文件，表示不同背景颜色/*淡黑*/.backColorBlack{ background: #E0E0E0; }/*淡绿*/.backColorGreen{ background: #C3FF8F; } /*淡大红*/.backColorBigRed{ background: #FF97...

今天在帮一个兄弟检查一段自定义控件的代码时觉得他对xtype以及alias的使用和ExtJS各示例代码的使用有较多的不一致，而我自己也不是很清楚使用这两个属性时的最佳方法。因此在回家后整理出了这样一篇文档。一方面用来标准化我们自己的代码，另一方面也共享给大家，毕竟对这两个属性进行详细讨论的资料几乎没有。 xtype　　首先来看看xtype的定义。在ExtJS的官方文档中是这

在gridpanel中，经常碰到这样的情况，返回的记录集中的男的用male表示，女的用female表示，但是你的期望值是在显示时显示  男或者女，所以这时候需要做个转换。代码如下：普通的column是{               text: '状态',               dataIndex: 'status' }修改后的column是{               text: '状态'...

玩过extjs的都知道，extjs其实都是一些ajax的请求，所以对权限的控制比较麻烦。这里提供本人亲测的一个方法，供大家参考一、利用可显示方法，就是的登录以后直接在最初的页面上显示你有权限的按钮或者操作。二、第一种基本可以实现简单的 页面管控，但是由于没有在服务器端有权限验证动作，存在较大的安全隐患，所以先在后台给Spring MVC添加一个Filter,每次请求过来判断一下有么有 权限，如果没...

页面：Ext.define("AHS.main.MainLeftView",{extend:"Ext.tree.Panel",xtype:"mainleftview",store:Ext.create('test.main.MainLeftStore'),columns:[    {    xtype:'treecolumn',    dataIndex:'de

做前台开发的经常碰到需要点击grid中的记录，然后将数据显示在form中的情况，这里来讲讲EXTJS实现这种方案的方式：在grid的行点击方法中(前提是grid中columns中的dataIndex值和form中的name值一致)：itemclick:function(this,record){ var form = Ext.getCmp("form").getForm();//拿取f

我们在extjs的grid操作中，虽然可以通过勾选 然后点击总的删除按钮或者直接保存按钮来完成grid的行的增删改查操作，但是为了美观，很多情况下需要将操作的按钮以图片的形式放置在行的最后一列，yixia代码能够实现哦：方式一：在grid的columns下面{    xtype:"actioncolumn",    text:"操作",    items:[            {       ...

extjs再用到表单form的时候，经常需要判断内容是不是被修改过。这里有许多陷阱，这里根据自己的经验给大家分享下：一、对基本的form或者xtype为formpanel的组件，经常会出现 每次调用form的isDirty()方法返回的都是true，这种情况下其实可以去看下API，/**  * @cfg {Boolean} trackResetOnLoad   * 如果为true，则表单对象的fo...

1、拿取grid的storevar store = obj.up("form").nextSibling("gridpanel").getStore();2、拿取新增记录和修改记录var addRecords = store.getNewRecords();var updateRecords = store.getUpdateRecords();3、将记录变成数组形式var addRecordAr...