ExtJs技术之路第17页

ExtJs 4.2 TabCloseMenu.js的Bug

在ExtJs4.2中，在ux文件夹中的TabCloseMenu.js文件存在一个小bug,使用“关闭其他页面”按钮时会“关闭所有页面“。

木子_lishk·2020-09-13 22:20

初学ExtJs——Ext.panel.Panel

建议查看：http://docs.sencha.com/extjs/5.0/apidocs/#!

木子_lishk·2020-09-13 22:20

ExtJs中定制日历控件——带复选框

效果图：代码：/*********************日历组件部分****************************begin*/vardateArray=newArray();varprintDateArray=function(){};Ext.MyDatePicker=Ext.extend(Ext.DatePicker,{todayText:'确定',okText:'确定',canc

天使路·2020-09-13 22:17

extjs 之Ext.data.Store变更单行记录值【修改】

1.record声明如下machineuse_record=Ext.data.Record.create([{name:'id',type:'int'},{name:'projectname',type:'string'},{name:'projectid',type:'int'},{name:'ip',type:'string'},{name:'server',type:'string'}]);

linkyou·2020-09-13 22:17

ExtJs——获取GridPanel中的行数据的详细信息

首先来一段GridPanel的定义：varsm2=newExt.grid.CheckboxSelectionModel({});/**定义Grid2的数据源*/varpersonStore=newExt.data.JsonStore({method:"POST",fields:["id","organizationName","holderBirth","holderName","basicCar

天使路·2020-09-13 22:46

Extjs中为RadioGroup组件添加监听事件，来控制另一个组件是否显示

监听事件是change，针对整个组件来说的，下面是具体的实例：{xtype:'panel',style:'margin-left:50;',layout:'column',autoWidth:true,items:[{layout:'form',width:240,items:[{xtype:'radiogroup',width:120,fieldLabel:'排班设置',id:'se

天使路·2020-09-13 22:46

ExtJS监听键盘事件：回车键实现登录功能

ExtJS为我们封装了完整的键盘监听事件，我们只要调用相应的接口就能完美的实现键盘监听。

太白山下的猫·2020-09-13 22:45

Extjs中报表导出，报错。

出错的原因是，导出按钮提交所需要的FormPanel没有渲染，写的时候写成这样就可以了：varqueryPanel=newExt.form.FormPanel({fileUpload:true,renderTo:Ext.getBody(),//关键是这句，一定要渲染id:'queryPanel',items:[]});varbtn_export=newExt.Button({text:'导出',i

天使路·2020-09-13 22:45

ExtJS中更新html内容以及iframe中内容打印

，最近的开发，虽说前台和后台都有分工，但是大部分经历都放在前台，界面上有太多的东西需要修改和完善，调试程序更是需要更多的时间，最近的工作在用xsl写样式将xml中的内容显示在界面上，而我们的界面是基于Extjs

天使路·2020-09-13 22:45

关于ExtJS控件的fieldLabel配置项的小知识点

1、fieldLabel配置项的运算性：我们都知道，fieldLabel配置项一般都是接收文字性的字符串，很少有用运算模式来赋值的情况，即如下情况：varFee=newExt.form.ComboBox({fieldLabel:(Ext.getCmp('Test').getValue()==true?'FieldLabel':'FieldLabel'),id:'Fee',name:'Fee'});

秋风瑟瑟·2020-09-13 22:44

ExtJS form表单常用元素操作

Ext.onReady(function(){Ext.apply(Ext.form.VTypes,{dateRange:function(val,field){varbeginDate=null;varendDate=null;if(field.dateRange){varbeginId=field.dateRange.begin;this.beginField=Ext.getCmp(beginI

lin646274404·2020-09-13 22:12

Extjs 在frompanel中隐藏某个textfield以及label组件的方法

隐藏某个textfield和label组件的方法：Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(true);//表示显示Ext.getCmp('text_id').getEl().up('.x-form-item').setDisplayed(true);//表示隐藏

水寒·2020-09-13 22:40

extjs实现左侧tab

layout=newExt.BorderLayout(document.body,...{center:...{titlebar:false,tabPosition:'left'}});layout.beginUpdate();variframe=Ext.DomHelper.append(document.body,...{tag:'iframe',frameBorder:0,src:'BusiL

lee576·2020-09-13 22:06

Ext Grid上双击触发事件

Extjs4的Ext.grid.Panel的行双击事件事件itemdblclickrowdblclickExtjs4的Ext.grid.Panel的行双击事件使用的是itemdblclick方法。

ZeusLuna·2020-09-13 22:06

Extjs 动态加载子菜单

最近在做一个项目，要求从数据库中获得菜单子项动态加载到web客户端中的菜单：extjs如下：//定义gridthis.grid=newFeedGrid(this,{region:"center",store

leehao_accp·2020-09-13 22:34

Extjs4---tab选项卡--基本选项卡

欢迎光临我的小站，共同学习交流技术：http://www.luchg.com完整代码下载地址：http://download.csdn.net/detail/lc448986375/45827941、基本的选项卡tabPanel.html:Form从页面的div中传入的数据tabPanel.jsExt.require('Ext.tab.*');Ext.onReady(function(){Ext.

小姐你喜不喜欢吃青椒·2020-09-13 22:33

Extjs4---自己写了个类似web desktop的小程序

我看了Extjs4的webdesktop挺好的，就自己写了一个类似的，希望和大家交流一下，希望能给出好的建议这个1.0版本，没用连接数据库，不断更新中完整代码下载：http://www.luchg.com

小姐你喜不喜欢吃青椒·2020-09-13 22:33

Extjs4---grid添加搜索功能

此实例是在我发表的“Extjs4---grid+servlet分页查询”上添加的搜索功能，基本功能已经实现，但是存在乱码问题，希望有大师指导解决乱码问题在Extjs4中，搜索组件以插件的形式出现，而且实现也非常简单

小姐你喜不喜欢吃青椒·2020-09-13 22:32

Extjs4---Checkbox,多选，全选

为了方便对多条数据进行修改，多选，全选功能是不可少的，本文是在我发表的Extjs4---grid添加搜索功能上进行修改的html代码：同Extjs4---grid添加搜索功能上的html代码只需修改引用即可

小姐你喜不喜欢吃青椒·2020-09-13 22:32

Extjs store的loadData(data)方法在界面上一闪而过的原因

//会出问题的写法varfileListStore=Ext.create('Ext.data.Store',{autoLoad:true,fields:['wfSn','workItemId','fileName','fileExtName','filePath','fileSize','fileRemark','attachType']});//此处省略界面//数据加载如下vardata=[{.

EOEKUN·2020-09-13 22:56

EXT布局 Layout

ExtJS的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。

kia126·2020-09-13 22:52

EXT窗口及对话框

ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。

kia126·2020-09-13 22:51

extjs 通用搜索框

先来张效果图：采用triggerfield组件实现。{xtype:'triggerfield',onTrigger1Click:function(){varme=this;if(me.hasSearch){me.setValue('');me.store.clearFilter();me.hasSearch=false;me.triggerCell.item(0).setDisplayed(fal

争一代雄风·2020-09-13 22:49

6、ExtJs——Ext基础架构--认识Ext.js和Ext-more.js

认识Ext.js和Ext-more.js首先，我们要知道这2个js文件的作用，这俩个文件包含了Ext的一些基础定义、基本的属性和方法，•Ext.js方法详解：–Ext.apply&Ext.applyIf–Ext.extend–typeOf–isEmpty、isIterable、isFunction、isArray...–Iterate•Ext-more.js方法详解–getBody–getHead

kaoa000·2020-09-13 22:49

ExtJS2.0快速入门（二）

使用Widgets(Widget原意为“小器件”，现指页面中UI控件)除了我们已经讨论过的核心JavaScript库，当前的Ext亦包括了一系列的最前端的JavaScirptUI组件库。文本以一些常用的widget为例子，作简单的介绍。MessageBox比起略为沉闷的“HelloWolrd”消息窗口，我们做少许变化，前面我们写的代码是，单击某个段落便会高亮显示，现在是单击段落，在消息窗口中显示段

东子哥7·2020-09-13 22:44

ExtJs中XTemplate的用法

1、自动填充数组和作用域切换Ext.onReady(function(){vartpl=newExt.XTemplate('','姓名年龄操作','','{name}{age}','','');vartplData=[{name:'a',age:10},{name:'b',age:20},{name:'c',age:30},{name:'d',age:40},{name:'e',age:50},]

jkpi888·2020-09-13 22:11

extjs特殊用法--js--调用变量方法定义前提最先变量要用var定义

引用js文件，写在jsp文件中不可以--其实也可以，切记先定义方法，后再调用，js毕竟不太智能varwj=function(){return{hello:function(){alert("wj");}};}();wj.helloa=function(){return{hello:function(){alert("wj");}};}();jspInserttitlehereExt.onReady

瓜瓜东西·2020-09-13 22:39

ExtJs4 load加载html页面

functiongetReceiveBoxPanel(){varreceiveBoxPanel=Ext.getCmp('receiveBoxPanel');if(!receiveBoxPanel){receiveBoxPanel=Ext.create('Ext.panel.Panel',{id:'receiveBoxPanel',title:'收件箱',closable:true,layout:'

老鼠的猫·2020-09-13 22:39

extjs之HelloWord——按钮编码问题

刚开始自学exejs，因为喜欢这种页面的布局！所以打算研究研究当成娱乐而已！但是刚开始就出现问题，运行helloworld的时候所有的字都没问题，编码都正确，但是就是按钮出现乱码，经过在网上百度解决了，原来是ext-lang-zh_CN.js这个文件的编码格式不正确！最简单的解决问题是将ext-lang-zh_CN.js这个文件的编码格式改一下就行，用记事本打开！右键另存为保存好以后就ok了！我下

Finder_畅畅·2020-09-13 22:38

ExtJS之对话框及窗口篇

窗口无论是在基本的js中还是在Ext这种js框架中都是比较常见的，而且现在多数js框架也在视图打造唯美的窗口，当然，Ext就是其中一个。Ext的窗口时很漂亮的，而且类型众多，今天我们就从基础做起逐渐来了解Ext的窗口。注意：对于Ext的目录及其文件存放结构在此就不再过多赘余。基本的Ext对话框首先用Ext的话肯定要引入其类库及其样式文件，注意对于ext-base.js和ext-all.js的引入顺

KenshinCui·2020-09-13 22:38

Extjs5.1学习模仿登录界面

Extjs5.1学习@jhui背景使用window732位系统，也可以是linux。1.下载extjs5.1.0的gpl版本的压缩文件。

jhui123456·2020-09-13 22:05

extjs4 checkbox绑定click事件

varcheckbox=newExt.form.field.Checkbox({boxLabel:obj.items[i].fname,inputValue:obj.items[i].fid,name:'roleright',labelAlign:'right',id:obj.items[i].fid,listeners:{afterrender:function(obj){obj.getEl()

ijackson·2020-09-13 22:34

Extjs4中panel的简单使用

Ext.onReady(function(){Ext.QuickTips.init();Ext.create('Ext.panel.Panel',{title:'[01]面板的头部[Ext.panel.Header]',width:500,bodyPadding:10,//边距height:400,hideCollapseTool:false,collapsible:true,//animColl

Sloan_JCY·2020-09-13 22:33

Extjs4中Form之日期选择器datefield

Ext.onReady(function(){Ext.QuickTips.init();Ext.create("Ext.form.Panel",{title:'本地combobox实例',renderTo:'formDemo',bodyPadding:'5555',height:100,width:270,frame:true,defaults:{labelSeparator:":",labelW

Sloan_JCY·2020-09-13 22:33

Extjs学习 bbar、tbar靠右，居中显示

两边使用'->'就可以挤到中间了varcourseGrid=Ext.create('Ext.grid.Panel',{store:infoStore,width:600,selType:'checkboxmodel',multiSelect:true,viewConfig:{forceFit:true,scrollOffset:0},columns:[{header:'Name',dataInde

jazwoo·2020-09-13 22:32

EXTJS系列笔记(4.x)————button中的大背景图片问题

因为button中的icon是用来加载小图标的，所以当你要加载整张图作为button的背景的时候你最好用css效果例如：1.js代码{xtype:'button',height:90,width:100,style:{border:'none'},text:'地图页面',cls:'welcome-consoleClient-map-button',//这里就是用到了css效果，主界面也要//引入c

阿尔卑斯0283·2020-09-13 22:00

ExtJS教程（7）---Ext.data.Store中事件的应用

为了“持之以恒”，写的有点草率，随后会修正上节说了Ext.data.Store的基本用法，以及各种场景该怎么用，这节说项Store的事件的用法beforeload：在数据加载前调用，如果返回FALSE会终止加载数据。load：在数据加载后调用metachange：在Model的结构发生变化时触发，这个在随后的高级应用中会讲到

大扑棱蛾子·2020-09-13 22:00

Extjs-弹出窗口 Ext.Window

项目中的窗口varaddWindow=newExt.Window({title:'增加用户',width:400,resizable:false,closeAction:'hide',autoHeight:true,constrainHeader:true,modal:true,plain:true,items:[addForm]});1.创建简单窗口窗口显示show()窗口隐藏hide()窗口销

itlwc·2020-09-13 22:58

Ext JS4.0中Tabpanel动态添加和删除Tab和重用Tab的方法

在ExtJS4.0中，Tabpanel动态添加Tab的方法是：vartab=myTabPanel.add(newTab);myTabPanel.setActiveTab(newTab);至于设置不设置为活动的

志志·2020-09-13 22:27

Extjs自定义事件

无[color=red][/color]Ext.onReady(function(){varPerson=Ext.extend(Ext.util.Observable,{constructor:function(name){this.name=name;//this表示的是作用域，相当于指针，指向了Person的对象this.sayNum=0;//该事件的响应方法在第3次单击say按钮时触发onS

iteye_9439·2020-09-13 22:56

ExtJs中TextField完全隐藏及显示方法

ExtJs中TextField完全隐藏及显示方法如果需要将TextField设置成隐藏的，可能大家首先想到的就是将hidden属性设置为ture，大家最后我们看到的效果却是field部分隐藏到了，但是label

iteye_9322·2020-09-13 22:56

Extjs.GridPanel 显示多行工具栏 (tbar)

js文件。。Ext.onReady(function(){//初始化数据varproData={records:[{proName:"cocobra居家内衣系列"},{proName:"cocobra休闲内衣系列"}]}varproCreate=newExt.data.Record.create([{name:"proName",mapping:"proName",type:"string"}])

iteye_8797·2020-09-13 22:55

Extjs 中如何用一个按钮控制Panel闭合与展开

引自：http://blog.sina.com.cn/s/blog_4b67d3240100rxaz.html在extjs的panel中，有两个公用方法，一个是collapse()：panel收缩；另一个是

iteye_9108·2020-09-13 22:55

ExtJs自定义Button的xtype在拥有buttons配置项的组件中无效

对ExtJs的Button进行自定义封装时：Ext.Button.ConfirmBtn=Ext.extend(Ext.Button,{minWidth:65,text:'确定',iconCls:'confirm

「已注销」·2020-09-13 22:54

EXTJS项目实战经验总结一：日期组件的change事件

需求说明：1依据选择的日期，加载相应的列表数据，如图：开发说明1开发思路：在日期值变化的事件中获得选择后的日期值，传给后台，然后从后台加载相应的数据2问题：在查看extjs2.2的api的官方说明文档，

iteye_5576·2020-09-13 22:54

extjs实现年月格式的日期选择(DatePicker)

Extjs的类库中只有年月日的DatePicker，那么如何实现年月的选择呢？

iteye_3759·2020-09-13 22:53

extjs之键盘监听

varmap=newExt.util.KeyMap({target:'adRuleView',//target可以是组建的id加单引号//target:brUnitRuleGrid.addRuleWindow,//target可以是组建的变量名binding:[{//绑定键盘事件key:Ext.EventObject.ESC,fn:function(){alert("sss");}//弹出测试内容

iteye_4515·2020-09-13 22:23

ExtJs中根据后台数据动态创建表格列及其数据

renderDynamicTable:function(dataset,type,tab){varresultSetId=type==='control'?'#controlResultSet':'#testResultSet';varctlSet=dataset;if(Ext.isArray(ctlSet)&&ctlSet.length>0){varctlData=[];varfields=[]

iteye_3843·2020-09-13 22:22

ExtJS Button的事件和方法定义

ExtJSButton的事件和方法定义：Ext.onReady(function(){//构造函数的参数传入一个字面量-renderTo,text//minWidth最小宽度，无论字有多大都是100像素宽度

iteye_3856·2020-09-13 22:22

【翻译】Ext JS 4.2介绍

原文：IntroducingExtJS4.2ExtJS4.2包含了许多令人兴奋的增强功能和特性。你可能已经在之前的文章中阅读过相关的一些功能和特性了，如Grid组件改进。

iteye_20659·2020-09-13 22:21

推荐频道

ExtJs技术之路