ExtJs技术之路第16页

Extjs6.2系列之开发环境搭建

Extjs6.2环境的搭建跟Extjs4.2有所不同，sencha公司推出了shenchacmd这款工具可以方便的搭建一个ExtjsMvc项目。

Enthu丶·2020-09-13 22:17

解决Extjs4.2中Ext.tab.Panel的当页签过多超过总宽度后不显示的Bug

页签不超过宽度时，显示完全正常，如下图：页签超过宽度后就显示不了了，如下图：经过调试找到解决的方法，重写Ext.tab.Panel即可，代码如下Ext.override(Ext.tab.Panel,{constructor:function(){varme=this;me.callParent(arguments);this.on('afterlayout',function(ct){try{va

kimverchan·2020-09-13 22:17

Extjs6.2系列之动态设置主页面（MainView）

在做qq登录时遇到一个情况，用户在qq的第三方的登录界面授权成功后，qq账号服务框架会打开你设置的回调页面，并将授权信息存储在hash中，由于Extjs只有一个index.html页面，其所有的视图都由

Enthu丶·2020-09-13 22:17

extjs中修改button的样式

xtype:'filefield',buttonOnly:true,//只显示file的buttonwidth:69,buttonText:'导入',//button上显示的内容editable:false,listeners:{//修改button的样式afterrender:function(file,fn){file.button.setStyle({backgroundColor:'#f6

萍的微博go·2020-09-13 22:39

extjs 自定义事件

addEvents(Object/String...eventNames)向本Observable可能触发的事件列表中添加指定的事件。ParameterseventNames:Object/String...要么是有事件名作为属性，属性值为true的对象。例如:this.addEvents({storeloaded:true,storecleared:true});要么是作为参数的任意个数的事件名

祥灬子·2020-09-13 22:38

ExtJS4-页面控件（Form表单）

Ext.form.Panel说明：Formfields包括：hiddenfield，displayfield，textfield，textareafield，filefield，timefield，datefield，combobox，numberfield，checkboxfield，radiofield，multislider，sliderfield示例：Ext.onReady(functio

祥灬子·2020-09-13 22:38

extjs中组件监听器里面的回调函数说明

最近在看项目源码的时候发现了如下代码，其中_searchSupplierStore是JsonStore对象_searchSupplierStore.on('beforeload',function(thiz,options){thiz.baseParams["cusCode"]="%"+Ext.getCmp('id_cusCodetext').getValue()+"%";thiz.basePar

沉浮4317·2020-09-13 22:29

ExtJs4.2应用：使用ExtJs扩展组件searchfield实现数据搜索功能

ExtJs4.2应用：使用ExtJs扩展组件searchfield实现数据搜索功能1.引入searchfield组件在Ext目录下放入ux目录将searchfield组件放入ux目录下的form文件下，

Nocturne2011·2020-09-13 22:28

EXTJS中combobox的禁用和启用

{xtype:'combo',width:150,allowBlank:false,blankText:'必须选择是否被动接口',hiddenName:'ifId',name:'ifIdValue',id:'ifIdValue',store:ifIdstore,triggerAction:'all',editable:false,displayField:'displayField',valueF

qixiaopeng·2020-09-13 22:28

ExtJS filefield设置disabled为true后按钮不灰显的解决办法

ExtJS4.1中，filefield设置默认值为true时，按钮是灰显的，但是如果调用setDisabled来设定的时候，发现浏览按钮不会灰显，但是的确是被禁用了。如何解决了，只能从源码入手了。

笔心·2020-09-13 22:27

extjs 组件生命周期(转)

http://blog.sina.com.cn/s/blog_538ada140100yotz.html组件有三种类型：基本组件，工具栏组件，表单组件。下面的每一个阶段都是从Component继承下来的类的生命周期中重要的阶段。第一个阶段：初始化1、应用配置选项从Component继承下来的类并不需要提供（通常没有提供）一个独立的构造器。Component的构造器不仅应用从子类传过来的配置选项，同

qiufeng1989916·2020-09-13 22:57

Ext js技术之不能关闭的窗口

HelloExtjs4.2-->Ext.onReady(function(){varwin=newExt.Window({title:"不能关闭的窗口",height:200,width:300,listeners

Arisono·2020-09-13 22:23

Ext为类增加属性和方法

//增加一个方法sayHello()Ext.apply(com.extjs.prototype.Person.prototype,{id:1001,name:"zhangsan",print:function

luckystar2008·2020-09-13 22:22

Extjs4的toast效果

Ext.toast=function(){varmsgCt;functioncreateBox(t,s){return''+t+''+s+'';}return{msg:function(title,format){if(!msgCt){msgCt=Ext.DomHelper.insertFirst(document.body,{id:'msg-div'},true);}vars=Ext.Strin

复活的秦俑·2020-09-13 22:51

extjs 动态显示图片

Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现，其实image的属性值并没有包含在Extjs的官方文档当中。

poppyxj·2020-09-13 22:50

Extjs4.0 Demo

第一步先搭建可以Mian框架，用来作为整体的布局：Ext.create("Ext.panel.Panel",{alias:'widget.mainlayout',renderTo:Ext.getBody(),width:900,height:600,defaults:{split:true,bodyStyle:'padding1px'},layout:'border',//布局items:[{ti

plf112233·2020-09-13 22:19

ExtJs监听回车事件

/***在线编辑器增加事件**auhtor:chenph*date:2016/7/25*/Ext.form.HtmlEditor.override({frame:true,initComponent:function(){this.callOverridden();this.addEvents('submit');},initEditor:function(){this.callOverridde

pipi2k17·2020-09-13 22:17

ExtJs gridpanel 中的按钮列

在实际开发中有的时候需要一些下图这样的功能,为了实现下图方法,需要做很多事情!当然有一种很好的方法,但是不安全,不容易维护!为了方便维护所以写了下面的方法!///添加列单击事件,方便在列内添加功能按钮Ext.grid.GridPanel.prototype.processEvent=function(name,e){this.fireEvent(name,e);vart=e.getTarget()

走错路的程序员·2020-09-13 22:17

c# + extjs 上传excel文件并保存到数据库

页面代码：导入用户extjs代码：Ext.onReady(function(){varform=newExt.form.FormPanel({renderTo:'file',labelAlign:'right

创持冷·2020-09-13 22:12

我的第一个extjs desktop + jsp +mysql实战练习项目

一直使用asp.net+mssql花了二周时间，边学边做，把一个mssqlserver+asp.net+extjsdesktop改造为mysql+jsp+extjsdesktop的项目，界面如下，以为纪念

领尚·2020-09-13 22:38

Extjs 与后台交互方式

一、varconn=newExt.data.Connection();conn.request({url:'WorkorderProcessStepInfotwoListData.jsp?DbType=WorkorderProcessStepInfoDelete',params:{workorderProcessStepInfoID:_record.get("AutoID")},method:'p

longlongbug·2020-09-13 22:02

Extjs 定时任务

//定义数据源varurlhttp='连接地址';varitemStore=newExt.data.JsonStore({url:urlhttp,totalProperty:'count',root:'members',auteLoad:true,fields:Member,pruneModifiedRecords:true});//定义任务vartask={run:function(){item

longlongbug·2020-09-13 22:02

在ExtJs的容器中显示图片，并动态更新

Extjs并没有提供直接的组件来显示图片。网上通过设置textfield的InputType为Image然后再修改dom对象来实现，其实image的属性值并没有包含在Extjs的官方文档当中。

nbkangta·2020-09-13 22:01

Extjs 6.2 实战（二）MVVM模式介绍

它把软件系统划分为模型、视图和视图模型三个基本部分2.1Extjs中的MVVM模式Extjs中的MVVM模式将应用程序划分为视图、视图控制器和视图模型三个部分，模型：用来显示数据的各种UI组件，如模板（

一个小萌新呀·2020-09-13 22:30

extjs自定义事件代码

(){//注册事件,该事件名字为：saythis.addEvents("say");//另外一种方式注册多个事件this.addEvents({"run":true,"see":false});}//Extjs

muyihuakai·2020-09-13 22:29

Extjs TabPanel Tab页面刷新操作

在新建tab时设置autoLoad配置，则Ext为tab创建一个updater对象autoLoad:{url:url,text:"页面载入中...点击页面标题右键菜单可进行刷新",callback:function(el,success,response,options){if(success!=true){Ext.Msg.alert("错误","页面加载出错！点击页面标题右键菜单可进行刷新");

mouhk·2020-09-13 22:57

ExtJS4组件_Grid配置-属性-方法详解-案例

1、Ext.grid.GridPanel主要配置项：store：表格的数据集columns：表格列模式的配置数组，可自动创建ColumnModel列模式autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0stripeRows：表格是否隔行换色，默认为falsecm、colModel：表格的列模式，渲染表格时必须设置该配置项sm、selModel：表格的选择模式，

middlekingt·2020-09-13 22:51

给ExtJS的Grid增加两行tbar

按照需要，我们一般在Grid的上方放置一个toolbar，再在上面放一些输入控件做查询用，但是同时我们也需要在上面添加一些其他按钮，比如“新增”，“删除”，“修改”，“导出”等，但是这些按钮要是放置查询的那个tbar上的话，感觉不太好，最好将分成两排。我们先看看截图：图片看不清楚？请点击这里查看原图（大图）。代码如下：双击代码全选1234567891011121314151617181920212

创世纪小马哥·2020-09-13 22:50

Ext 实例连接

一个漂亮的ExtJs登录窗口（实现登录跳转）这几天有代码任务，自己做了个登录界面，感觉不错，拿来共享一下~~varuname=n...2011-10-1119:52阅读(5309)评论(1)SSH+Ext

mengzhengjie·2020-09-13 22:50

Extjs 防止按钮重复点击插件

/***@author:Mask*@since:2012-11-20*@memo:点击按钮时使按钮在一定期间内无效*/Ext.define(‘Ext.ux.ButtonLimitingPlugin’,{alias:[‘plugin.buttonlimiting’,‘plugin.buttonlimitingplugin’]seconds:2,constructor:function(config)

波子汽水yeah·2020-09-13 22:18

ExtJS - GridPanel and FormPanel DEMO

maomaoyu2099163·2020-09-13 22:18

ExtJS组件 - GridPanel DEMO

Ext.onReady(function(){Ext.BLANK_IMAGE_URL='../ext-2.2/resources/images/default/s.gif';functionrenderSex(value){if(value=='male'){return"红男";}else{return"绿女";}}functionrenderDescn(value,cellmeta,recor

maomaoyu2099163·2020-09-13 22:18

EXTJS触发事件的方法

1.对文本操作时失去焦点或者获取焦点触发事件varthis=me,varfeild=Ext.create("Ext.form.field.Text",{anchor:"100%",fieldLabel:"标题",labelAlign:"right",labelWidth:110,allowBlank:false,name:"custName",listeners:{//失去焦点blur:funct

panstream·2020-09-13 22:46

ExtJs4 笔记（9） Ext.Panel 面板控件、 Ext.window.Window 窗口控件、 Ext.container.Viewport 布局控件...

本篇讲解三个容器类控件。一、面板控件Ext.Panel一个面板控件包括几个部分，有标题栏、工具栏、正文、按钮区。标题栏位于最上面，工具栏可以在四个位置放置，围绕中间部分正文，按钮区位于最小方。下面介绍几个基本配置项：1.title:设置面板标题文本。2.tbar,lbar,rbar,bbar:分别设置上、左、右、下四个部位的工具栏。3.html，items:前者用来设置正文部分的html，后者设置

lvdong5830·2020-09-13 22:39

ExtJs4 笔记（5） Ext.Button 按钮

从本篇开始讲基础控件，ExtJs对所有的UI控件都有它自己的一套封装。本篇要讲到的是ExtJs的按钮。主要包括按钮事件、带分割线、带图标、带菜单的按钮，下拉选项式按钮和按钮组合等。

lvdong5830·2020-09-13 22:39

ExtJS TextField动态更改fieldLabel的方法

在我遇到要动态更改TextField的fieldLabel方法时，因为ExtJs本身没有提供这个方法，在网上找了很多资料也没能正在解决这个问题，于是我自己研究了很久，终于想到一个方法。

luoyisheng08·2020-09-13 22:08

extjs之-gridpanel完全操作（事件）

先来一段代码varcm=newExt.grid.ColumnModel([newExt.grid.RowNumberer(),sm,{header:"id",width:100,sortable:true,//可排序hidden:true,dataIndex:"id",align:"center"},{header:"测定项目",width:100,sortable:true,dataIndex:

lusile82704774·2020-09-13 22:08

Extjs中的combox每个属性的意思

xtype:'combo',组件类型name:'itemsValueShow',下拉框的名字minChars:0,在autocomplete和typeahead被激活之前用户必须输入的字符数triggerAction:'all',表示筛选数据的，就和百度输入框，可以自动提示，all是显示所有数据store:sysTypeStore,数据源valueField:'typeCode',对应的显示的字段

itfuture2012lz·2020-09-13 22:08

Extjs 利用panel html属性加入DIV实现如TextArea的效果，并且能正确使用html标签，实现如向textarea文本域嵌入按钮button或其他控件,，而且兼容firefox

Extjs利用panelhtml属性加入DIV实现如TextArea的效果，并且能正确使用html标签，实现如向textarea文本域嵌入按钮button或其他控件，而且兼容firefoxvarMsgContentMain

lusile82704774·2020-09-13 22:08

ExtJs--EditorGrid可编辑的表格控件

[url]http://www.360doc.com/content/12/0531/14/8072791_214975686.shtml[/url]可编辑表格控件：------------------------------------------------------------------无标题文档//可编辑表格控件EditorGrid//制作一个可编辑表格//添加一行//删除一行//保存

Action-人生·2020-09-13 22:07

ExtJS 6 的一些样式类配置项

原文链接：https://blog.csdn.net/lovelyelfpop/article/details/78878842样式类配置项有下面4种：baseCls、classCls、cls、userCls它们有不同的使用场合。定义类时使用(Ext.define)即定义控件类时，代表了控件类独有的一种特征baseCls取名一般是x-xtype，比如x-button如果没有设置，则取classCl

神秘_博士·2020-09-13 22:01

[Sencha ExtJS Modern & Touch] 让长按(taphold/itemtaphold)操作完成后不触发点击(tap/itemtap)事件

原文链接：http://blog.csdn.net/lovelyelfpop/article/details/51828515SenchaExtJSModern和Touch中的控件，长按操作触发taphold

神秘_博士·2020-09-13 22:31

Extjs按钮字体大小的调整

Extjs版本3.2.1，字体大小修改上网找了好多资料，都说是加上.x-btn-text{font-size:15px;}这样就好了，但是在IE9和FF下还是不好用。

lone1984·2020-09-13 22:30

Extjs 4 中，表单的回车事件

可以提交，可以执行其它函数。代码节选如下：//监听回车listeners:{afterRender:function(thisForm,options){this.keyNav=Ext.create('Ext.util.KeyNav',this.el,{enter:function(){//筛选表格varbtn=Ext.getCmp('filter_button');btn.handler();c

杠杠峰·2020-09-13 22:29

Ext.net Grid拖动行排序，【最上】【最下】【上移】【下移】按钮排序

对于GridPanel中拖动选中行排序的实现，网上有不少ExtJs实现的例子，但是没有找到使用Ext.net实现的，正好最近有个需求要使用，干脆来写一个。

llxchen·2020-09-13 22:29

Coolite 0.8/Ext.net1.0更换主题

Ext.net1.0的处理方案：我在Client端使用一个ComboBox放置可供选择的主题方案，代码如下：说明：Ext.net.ResourceMgr.setTheme('/extjs/resources

llxchen·2020-09-13 22:28

ExtJS Panel（引用页）刷新问题

引用页刷新的问题不仅仅体现在TabPanel里，只要是带load的panel都是适用的～怎么让一个panel去刷新和更新呢？更新的话很容易，只要调用Ext.Panel.load()就可以，panel会自动用load方法里的参数去更新panel。load的官方描述如下：load(Object/String/Functionconfig):Ext.PanelLoadsthiscontentpaneli

living·2020-09-13 22:25

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

其实很简单，我做的就是在选择combox某一项的时候使得textfield和label出现首先设置相对应的textfield和labelhidden为true使其隐藏，然后给他们添加上id其次在combox中添加个时间listerns通过index获取点击的是那一个，然后用Ext.getCmp（id）方法获取组建，让他们setVisible(true)就好了就是这么简单，你学会了么？{//类型wi

拜雨·2020-09-13 22:52

ExtJs之选项面板(TabPanel)

Viewport不需要再指定renderTo就可以看到Viewport填充了整个浏览器显示区域，并会随着浏览器显示区域大小的改变而改变Ext.onReady(function(){newExt.Viewport({enableTabScroll:true,layout:"fit",items:[{title:"面板",html:"",bbar:[{text:"按钮1"},{text:"按钮2"}]

Laney1206·2020-09-13 22:51

ExtJs组件的事件处理

ExtJs提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。

Laney1206·2020-09-13 22:50

推荐频道

ExtJs技术之路