extJS

Extjs4.2 grid datastore读取xml和json

1.读取xml文件varstore=Ext.create('Ext.data.Store',{proxy:{type:'ajax',url:'js/xmlfile/messages.xml',//项目中的路径reader:{type:'xml',record:'Folder'}},sorters:["Read"],//以这个作为排序params:{Status:'all'},fields:[{na
fanqielian2013·2020-09-13 23:32

Extjs 4.2 动态更新panel内容

1.创建panelvartest_panel=Ext.create('widget.panel',{id:'test_panel_id'});2.动态更新Ext.getCmp('test_panel_id').removeAll();test_panel.add(Ext.create('widget.panel',{id:'test_panel_details_id',html:'自行定义，动态更
fanqielian2013·2020-09-13 23:32

Extjs 动态Gird【列名动态创建】

有时我们需要做一个gird,但gird的列名确是变化的，我们需要从数据库中先查出列名，也就是说我们要实现一个动态的gird.下面的代码是我实现动态gird的方法，简单但强大，数据是读的json文件，实际使用的时候可以把在后台把数据存在map中再转成json格式的字符串即可，json格式要符合我给出的格式。首先是json数据：{"data":[{"number":"1","field1":"a","
光光-Leo·2020-09-13 23:25

ExtJS下的button样式

（1）我想要设置button的样式是左边显示图片，右边显示文字，那么就要用到按钮的iconCls属性。总结一个比较简洁的做法：a）将用到的按钮图标样式封装在一个.css文件中icon.css文件中写法：.Add{background-image:url(../icons/add.png)!important;}（一个样式一个图标一个类）注意：url中的路径不要加引号，并且要加上!important
AlinPan·2020-09-13 23:21

Extjs4 动态生成图表chart（从后台传数据动态显示）

做项目，需要搞一个图表，从后台的数据库中统计出数据再传到前台来。搞了几个钟头，都不能实现功能。数据是传到了前台，可是图表总是显示不了，如果用静态数据的话，图表显示成功。上网查了很多资料，这方面的资料也不错，看来大家出现这个问题不多，那么就应该很好解决的。看了有同样问题的网页，有的说是是数据还没有加载到Store里面，图表就生成了，没有数据，所以没有显示，因此我又搞了个数据加载成功的回调函数，还是只
小新8·2020-09-13 23:49

Extjs4 + springMVC的文件上传

用springMVC来做项目，如果遇到文件上传，那么一定要用spring自带的文件处理类来处理上传的文件，因为效率实在高过其他的。从界面传过来的参数，如果设置了值对象，那么可以从值对象里面取出字符串类型的普通参数，如果不这样做，也可以直接从request里面获得，两种方法都可以。问题是如果值对象里面写了其他类型的变量，妄想像Struts2那样处理，springMVC就会报出400BadReques
小新8·2020-09-13 23:49

ext4.2入门简单小例子（button的事件--对话框的几种使用情况）

ExtJS的官网地址：http://www.sencha.com/products/extjs在这个网址上面，我们可以下载到ExtJS的最新版本。
流水无Qing·2020-09-13 23:47

[Extjs6]浅谈对admin-dashboard模板左侧菜单树的修改

修改前如何找到模板的入口View?1）打开app.js。发现默认的主视图是Admin.view.main.Viewport。2）找到Admin.view.main.Viewport的定义。3）查看items属性即可知道具体的定义组件。4）打开NavigationTree.js文件。如何修改？只需对NavigationTree.js中的数据进行相关的修改即可达到自定义左侧菜单树的功能。显示如下：参考
HiveDark·2020-09-13 23:47

ExtJs 基于ExtJs2.2以上的日期时间选择控件datetimefield

自己收集了一个ExtJs的日期时间选择空间，网上流传了很多版本，自己做了一点改，我的3.4版本的项目中使用都还正常。这个适用于2.0以上的版本。以下是源码。
对信仰的忠诚·2020-09-13 23:15

Extjs中加入Content-Type HTTP请求头信息

今天同事遇到一个问题，在HTTP请求的时候后台报错不能解析HTTP请求体，在firebug中查看请求的信息，发现请求头Content-Type不是application/json（项目需要），需要改为application/json。解决：在proxy代理中加入：headers:{'Content-Type':'application/json'}
我是康小小·2020-09-13 23:43

Extjs 实现文件上传

弄了N久，终于成功了。必须设置[html]viewplaincopytext/htmlsuccess,resultMsg[javascript]viewplaincopyExt.onReady(function(){Ext.QuickTips.init();varuploadForm=Ext.create('Ext.form.Panel',{title:'Ext.form.field.File示例
u010509143·2020-09-13 23:43

Extjs 修改disabled属性值方法

如将form初始值设为true；通常的方法如，form.disabled=false;是不能将form还原到初始状态的；需要通过以下方法来实现：if(form.disabled===true){form.enable();//将disabled设置为false,即把form设置为可编辑状态；}以下代码实现，将form设置为不可用状态；if(form.disabled===false){form.d
袁忠·2020-09-13 23:11

ExtJs之Text文本框Text和文本域TextArea

文本框Text//添加身份证号码校验varcreditCard=Ext.create('Ext.form.field.Text',{fieldLabel:'身份证号',name:'creditCard',renderTo:'creditCardDiv',labelAlign:'right',emptyText:'请输入身份证号',//相当于placeholder，提示文字allowBlank:fa
飞鸟的轨迹·2020-09-13 23:10

ExtJs4中gird列中增加操作列，并给操作按钮绑定事件

在ExtJs4中，grid组件有Ext.grid.column.Action组件，所有要增加操作列，只需指定列的xtype为actioncolumn即可，例如：Ext.create('Ext.grid.Panel
tianxing0923·2020-09-13 23:32

extJs中关于formPanel动态添加组件的验证问题

[color=violet]1.在用extJs的formPanel动态添加组件的时候，发现动态添加的组件验证没法通过，网上找了半天才将这个问题解决。
tiantianmuluo·2020-09-13 23:32

Extjs Grid 根据列的值(0或者1)显示“是或否”

grid中：{header:'是否解析',dataIndex:'isExplain',align:'center',sortable:true,renderer:isResend},写一个函数：functionisResend(data,metadata,record){varresend;if(record.data.isExplain==0){resend="否";}if(record.dat
换个昵称吧·2020-09-13 23:00

ExtJs combobox 下拉框设置默认值初始值

不写了，直接看另一篇，呵呵http://blog.csdn.net/zhx624/article/details/8569709
换个昵称吧·2020-09-13 23:00

extjs中grid，设置CheckboxSelectionModel的默认值

Grid（命名为BasicGrid）中定义了：this.sm=newExt.grid.CheckboxSelectionModel();。表示一列checkBox。情景：上面Grid所在的窗口弹出之后，选择一项（我这里是只选一项）点击确定之后关闭该窗口。当需要再次弹出该窗口时，把刚刚已经选择的那一项打上勾。下面是方法：我是写在弹出该窗口的方法中的。basicGrid=newBasicGrid();
换个昵称吧·2020-09-13 23:00

extjs 给文本框添加点击事件

this.Text=newExt.form.TextField({fieldLabel:"名称",xtype:'textfield',anchor:'90%',listeners:{render:function(p){p.getEl().on('click',function(p){alert("hehe");});}}});
换个昵称吧·2020-09-13 23:59

Extjs 监听及修改数值

Extjs监听及修改数值1、动态改变numberfield的maxValuelisteners:{select:function(f,r,i){varnumMaxValue=Ext.getCmp('XXX
tengji900·2020-09-13 23:59

extjs 获取grid的选中行的某列的值

我的情景是这样的：一个grid（就叫gridA吧），最后一列的每行都是超链接，点击超链接时会弹出一个窗体，这个窗体也需要一个grid（gridB）展示，并且呢，gridB所需的数据需要gridA里的某列的值（把这个列叫做Param）作为参数。于是就产生了点击gridA的某行的超链接，获取该行的Param列的值这样的需求。不知道为什么，我用varparam=this.grid..getSelecti
换个昵称吧·2020-09-13 23:59

Ext.ux.TabCloseMenu插件的简单扩展

/**ExtJSLibrary2.2*Copyright(c)2006-2008,ExtJS,LLC.*licensing@extjs.com**http://extjs.com/license*/
taorui·2020-09-13 23:27

ExtJS6图表简单demo(折线图，散点图，柱状图)

ExtJS6图表简单demo(折线图，散点图，柱状图)首先需要引入这三个文件，都懂官方demo（把线宽度调0就是散点图了吧）Ext.onReady(function(){Ext.create('KitchenSink.view.charts.line.Basic
邰志敏·2020-09-13 23:26

Extjs之简单后台管理界面示例

Ext.onReady(function(){/***主体面板**/varcenterPanel=Ext.create('Ext.tab.Panel',{region:'center',items:{title:'首页',html:'不可关闭的默认首页页面'}});/***树形菜单**/varmenuTree=Ext.create('Ext.tree.Panel',{region:'west',t
tang19880721·2020-09-13 23:26

extjs4如何调用controller？

转自：http://www.tuicool.com/articles/UreQFzQextjsmvc动态加载controller原文http://peihexian.iteye.com/blog/2028035app.jsvarapplication
suyu_yuan·2020-09-13 23:54

extjs中Ext.app.Controller的init方法和onLaunch方法的执行顺序。

引自：http://docs.sencha.com/extjs/4.2.0/#!
suyu_yuan·2020-09-13 23:54

关于ExtJs前台Form获取后台的JSON数据

JSON数据格式的前缀符号不是随便定义的哦如：{success:true,data:{emp_no:'TX0001',emp_pass:'admin',emp_tel:'1234567',emp_add:'???10?',emp_role:'A'}}就不能自作聪明的把它换成：{success:true,pinfo:{emp_no:'TX0001',emp_pass:'admin',emp_tel:
soulzx·2020-09-13 22:43

Extjs按钮的隐藏、显示、禁用，启用，去除加载朦层

ExtButton的启用、禁用：btn.enable();//启动btn.disable();//禁用ExtButton的隐藏、显示：Ext.getCmp('btn').setVisible(false);隐藏Ext.getCmp('btn').setVisible(true);显示去掉一直加载的提示：listConfig:{loadMask:false//去除朦层}
万能程序员·2020-09-13 22:43

Extjs 监听字段的回车键的实现

id:"edituu",colspan:2,width:430,labelWidth:60,labelAlign:"right",xtype:"customfield",//自定义的字段fieldLabel:myproject.Message.Supplier,listeners:{//任何与导航相关的键（方向键、Tab键、回车键、退格键等）按下时触发。//你能根据Ext.EventObject.
初心不负·2020-09-13 22:05

修改extjs中表格的默认高度

从网上找到的，经过调试测试，直接来进行这样的修改最好了，因为不仅可以设置了行高，还可以进一步控制单元格内的内容的在垂直上的对齐：.x-grid3-rowtd,.x-grid3-summary-rowtd{line-height:25px;//控制GRID单元格高度vertical-align:center;//单元格垂直居中border-right:1pxsolid#eceff6!importan
silence1214·2020-09-13 22:01

ExtJs的resultGrids中动态添加按钮

varresultGrids=Ext.getCmp("resultGrid");resultGrids.getView().on("refresh",doRefresh);//添加查看按钮vardoRefresh=function(view){//alert("99999");for(vari=0;i';varbutton=newExt.Button({text:"查看",renderTo:bid
shp808·2020-09-13 22:00

ext 事件

ExtJS支持事件队列，可以往对象的某一个事件中添加多个事件响应函数，看下面的代码：Ext.onRe
折腾数据折腾代码·2020-09-13 22:28

Extjs grid column里添加button等html标签，并增加点击事件

Extjs里有个actioncolumn,但actioncolumn只能添加一系列button，不能既有字又有button如何能在column里增加html标签，并给button添加事件呢？
shimly2010·2020-09-13 22:28

Extjs如何与数据库交互（一）

一般需要添加一组数据，引入一个概念Ext.data.Reader,这里的Reader功能非常单一，只是用来解析数据的到，EXTJS支持不同的数据格式，也就需要不同的数据解析器。
shandong_chu·2020-09-13 22:54

Extjs如何与数据库交互（四）

本篇为ExtJS连接数据库，通过xml来实现，所以当查询完数据库后应该是以xml显示的，然后通过XmlReader来读取。数据库连接内容省略一下。
shandong_chu·2020-09-13 22:54

EXTJS 6 日期组件 日期时间组件（Y-m-d H:i:s）

（xtype:'datefield'）默认extjs6是不支持datefield的，想要实现上述效果需要改造一下ext-all-debug.js需要在ext-all-debug.js的最后追加一部分（新增部分
门口有条狗·2020-09-13 22:53

ExtJs6 FontAwesome 图标引用

效果如图使用方法效果一样喜欢哪个用哪个glyph方式：{text:'关闭',glyph:'xf00d@FontAwesome',handler:function(){//随你}}iconCls方式：{text:'关闭',iconCls:'fafa-line-chart',handler:function(){//随你}}样式网站：去找你喜欢的https://fontawesome.com/chea
门口有条狗·2020-09-13 22:53

ExtJs提示框（Ext.MessageBox.confirm）

删除信息前，弹出的确认框（提示框），代码如下。Ext.MessageBox.confirm('提示','确认删除该信息？',goDelete);functiongoDelete(btn){//alert("thepressedbuttonis'"+btn+"'");if(btn=="yes"){Ext.Ajax.request({url:fullpath+'/esb/PageShareConfig
seedingly·2020-09-13 22:22

ExtJs6 TreeGrid（级联选择树）

ExtJs6TreeGridvartreeGrid=Ext.create("Ext.tree.Panel",{flex:1,store:{type:'tree',fields:['Name','ID',
门口有条狗·2020-09-13 22:21

extjs表单输入框响应回车事件

varcomName=newExt.form.TextField({//xtype:'textfield',id:'comnm',width:90,selectOnFocus:true,listeners:{specialKey:function(field,e){if(e.getKey()==Ext.EventObject.ENTER){//响应回车queryHandler();//处理回车事件
security08·2020-09-13 22:21

ExtJS 6.6 Grid中内容过多换行显示

grid里显示最烦的就是内容太多显示不下,虽然说这会导致行高度改变，变的比较丑{header:'通道',dataIndex:'route',align:'left',flex:1.2,//满格填充renderer:function(value,metadata,record){//实现换行metadata.style='overflow:auto;padding:3px6px;text-overf
门口有条狗·2020-09-13 22:21

ExtJS弹出窗体的点击右上角关闭事件

//新增会计期间functionopenAddDialog(){//使弹出窗体显示在最前面Ext.useShims=true;varwin=newExt.Window({title:"新增",width:320,height:250,html:addDialogStr,modal:true,buttons:[{text:"确认",handler:function(){alert("确认");//关
sanyuesan0000·2020-09-13 22:17

EXTJS4控制器Controller详解

原文地址：http://docs.sencha.com/ext-js/4-1/#!/api/Ext.app.Controller控制器Controller通常是和application绑定在一起的。它们主要作用是监听事件（通常对view），并采取一些action。下面是我们如何创建一个Controller来管理用户：Ext.define('MyApp.controller.Users',{exte
xiaoshang·2020-09-13 22:45

EXTJS 中grid动态增加列的方法

EXTJS中grid动态增加列的方法有多种，下面逐个说明：1、适用创建带editor的列，但种方法不太适合报表展示需要创建带editor的列，一般上同时存在一些已经固定的列，并且这些固定列基本上存在已经编写好配置和事件代码
肥肥土匪·2020-09-13 22:44

ExtJS学习------Ext.window属性详解

Ext.window用于创建window窗口，从外观上看和MessageBox相似，因为Ext.MessageBox内部也是基于Ext.Window实现的。以下就是实现Ext.Window创建和一些基本属性el:用于设置存放Ext.window窗口的层。设置值为div的id值，需要在之间创建的节点。layout:设置内部控件显示样式，选项有："fit“和"border“，其中fit只能显示一个子控
ranzhifa_2008·2020-09-13 22:11

Extjs如何调取combobox中的listeners里面的方法

Extjs如何调取combobox中的listeners里面的方法在使用Ext.js中遇到的问题背景Ext.js版本是4.2代码{xtype:'button',margin:'-5000',width:
一立·2020-09-13 22:18

EXTJS2--grid通过后台返回数据动态生成表头和列表

1.需要引入Ext.ux.data.PagingMemoryProxy.jsExt.namespace("Ext.ux");Ext.namespace("Ext.ux.data");/*FixforOpera,whichdoesnotseemtoincludethemapfunctiononArray's*/if(!Array.prototype.map){Array.prototype.map=
小蜗牛的路·2020-09-13 22:46

EXTJS-textfield等组件宽度自适应

/***外部组件属性：layout:'column'，内部组件属性：layout:'form'并且加入defaults:{anchor:'90%'}属性*/varnorth=newExt.FormPanel({region:'north',margins:'0020',cmargins:'0020',formId:'searchForm',frame:true,height:100,width:'
小蜗牛的路·2020-09-13 22:46

ExtJs gridPanel行添加操作按钮的方法

需求在gridPanel中添加操作列是非常常见的，实现如下效果在ExtJs中有两种添加按钮的方法：一、如第二三列xtype:‘actioncolumn’{text:'操作2',xtype:'actioncolumn
qq_36533335·2020-09-13 22:44

ExtJs4基础

JSON结构JSON有数组和对象两种结构：对象结构：用大括号作为开始和结尾{}，中间可以用0个或多个，（逗号）分隔的”key/value“列表组成，关键字和值之间用：（冒号）分隔。{key1:value1,key2:value2,…}其中关键字是字符串，值可以是字符串、数值、true、false、null对象或数组。数组结构:用中括号开始和结尾[]。中间有0个或多个，（逗号）分隔的值列表组成。[v
董唐强·2020-09-13 22:40
上一页 9 10 11 12 13 14 15 16 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他