EXTJS4

Extjs GridPanel用法详解（单元格点击事件）

本文的示例代码适用于Extjs4.x和Extjs5.x，在Extjs4.2.1和Extjs5.0.1中亲测可用！本文由齐飞（youring
Y_FQY·2020-09-13 21:09

ExtJs4 笔记（12） Ext.toolbar.Toolbar 工具栏、Ext.toolbar.Paging 分页栏、Ext.ux.statusbar.StatusBar 状态栏

本篇讲解三个工具栏控件。其中Ext.toolbar.Toolbar可以用来放置一些工具类操控按钮和菜单，Ext.toolbar.Paging专门用来控制数据集的分页展示，Ext.ux.statusbar.StatusBar用来展示当前的状态信息。一、Ext.toolbar.Toolbar工具栏控件可以被附加在面板、窗口等容器类控件中，可以在四个方位添加多个工具栏控件。我们演示多个Ext.toolb
Tinasalangane·2020-09-13 21:31

ExtJS4获取当前光标位置插入文本内容

Exttextarea在光标选中处插入文本内容varparamsField=form.getForm().findField('params');//追加内容控件varcontentField=form.getForm().findField('content');//textarea控件varstart=contentField.inputEl.dom.selectionStart;varend
罗罗诺亚F·2020-09-13 21:00

extjs4 图片查看可缩放

图片查看可缩放类文件如附件，调用方式varcolumnStore=Ext.create('Ext.data.Store',{fields:['profileName','name','uri'],data:json.rows});console.log(columnStore);varimg1=Ext.create('App.view.ImgView',{id:'ImgSearch',column
Jessie_D·2020-09-13 21:01

Extjs4 get getCmp getDom实践 动态修改tbar内容

博文http://blog.csdn.net/jazywoo123/article/details/7745468中详细讲了Extjs中的get、getDom、getCmp、getBody、getDoc的区别，觉得很完整，在这里多一点补充。先看代码：me.kPanel=Ext.widget("panel",{id:"kPanel",region:"center",title:'工作台',borde
蓝阳·2020-09-13 21:53

Ext.XTemplate加载拥有头像的用户

Ext.XTemplate加载拥有头像的用户1、老规矩先看一下效果图：2、extjs4+css实现代码：/**title：Ext.XTemplate加载拥有头像的用户*author：msj*date：2016
bigambitions·2020-09-13 21:09

Extjs4的FormPanel如何动态添加表单组件

{columnWidth:0.25,items:[{columnWidth:0.25,items:[{xtype:'textfield',maxLength:50,width:150,name:'Gzzk'}]}]}]},{columnWidth:1,layout:'column',style:'padding-top:8px;padding-left:14',layout:'form',labe
东边的小山·2020-09-13 21:32

Extjs4自定义按钮样式

首先定义css样式.settings{background:url(images/settings.png)no-repeat!important;}然后创建gridvartest_grid=Ext.create('Ext.grid.Panel',{title:'Test',id:'test_grid_id',bbar:['->',{text:'test',iconCls:'settings',h
fanqielian2013·2020-09-13 21:56

ExtJs4回车事件监听

{xtype:"textfield",labelWidth:60,fieldLabel:"菜单名称",selectOnFocus:true,listeners:{specialkey:function(field,e){if(e.getKey()==Ext.EventObject.ENTER){}}}}
阿帕奇奇·2020-09-13 21:50

ExtJS4组件_form表单配置-属性-方法详解

1、Ext.form.Action配置项：success：执行成功后回调的函数，包括两个参数：form和actionfailure：执行失败后回调的函数，包括两个参数：form和actionmethod：表单的提交方式，有效值包括GET、POSTparams：传递到请求中的参数url：动作提交的路径waitMsg：动作执行时显示的等待信息属性：Action.CLIENT_INVALID：客户端验证
middlekingt·2020-09-13 21:19

ExtJS4组件_button按钮配置-属性-方法详解

例子Ext.QuickTips.init();varbuttonName=newExt.Button({id:"buttonName",text:"Button组件基本用法",tooltip:"提示信息：Button组件基本用法",//提示信息,如果需要显示提示信息，需要使用Ext.QuickTips.init();tooltipType:"title",//定义显示提示信息的类型，有qtip和t
middlekingt·2020-09-13 21:19

extjs4 tab 样式修改

原文：http://cjblog.iteye.com/blog/1879921说明：原文给的样式，把Tab标签右边空白改成白色了，我觉得不爽，做了下修改，保持原来的颜色不变，这样应对不同主题时，应该不会太影响其它效果，由于样式增加了tab的header高度，原来有个背景图就不能用了，下面的样式中我直接把该背景图取消了。看起还可以。tab-bar.css:CSSCODE：/*CSSDocument*
llxchen·2020-09-13 21:18

Extjs4---鼠标右键事件

在Extjs4中鼠标的右键相应事件为itemcontextmenu(Ext.view.Viewthis,Ext.data.Modelrecord,HTMLElementitem,Numberindex,
小姐你喜不喜欢吃青椒·2020-09-13 21:13

ExtJs4-Ext.tab.Panel添右键关闭

/***程序主入口*/Ext.onReady(function(){Ext.require(['Ext.panel.Panel','Ext.tab.Panel','Ext.tree.Panel','Ext.data.TreeStore','Ext.container.Viewport','Ext.ux.TabCloseMenu']);/***上,panel.Panel*/this.topPanel
走过路过看一看·2020-09-13 21:29

ExtJs4 笔记（10） Ext.tab.Panel 选项卡

本篇讲解选项卡控件。一、基本选项卡首先我们来定义一个基本的选项卡控件，其中每个Tab各有不同，Tab的正文内容可以有三种方式获取：1.基本方式:通过定义html和items的方式。2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。另外，每个tab都可以设置是否可关闭，进入tab时的
Tinasalangane·2020-09-13 21:45

Extjs4 GridPanel 加载从数据库读取图片（双击图片放大）

Extjs4GridPanel加载从数据库读取图片（双击图片放大）先上效果图：一、前台js代码：//显示的gridpanelvari=1;vargrid1=Ext.create('Ext.grid.Panel
bigambitions·2020-09-13 21:39

extjs4 数据库读取数据动态生成表单

varn=0;varoForm=Ext.create('Ext.form.Panel',{layout:"form",id:'myform',hideLabels:false,border:false,labelAlign:"right",labelWidth:70,width:700,items:[{xtype:'button',text:'添加修改记录',style:'float:right;
东边的小山·2020-09-13 21:08

ExtJs4 笔记（10） Ext.tab.Panel 选项卡

《回到系列目录本篇讲解选项卡控件。一、基本选项卡首先我们来定义一个基本的选项卡控件，其中每个Tab各有不同，Tab的正文内容可以有三种方式获取：1.基本方式:通过定义html和items的方式。2.读取其他html的信息:通过设置contentEl就可以获取其他html的信息为当前tab正文。3.读取服务端数据:通过定义autoLoad异步方式获取服务端数据。另外，每个tab都可以设置是否可关闭，
weixin_30851409·2020-09-13 20:33

ExtJS4组件_button按钮配置-属性-方法详解

例子[html]viewplaincopyExt.QuickTips.init();varbuttonName=newExt.Button({id:"buttonName",text:"Button组件基本用法",tooltip:"提示信息：Button组件基本用法",//提示信息,如果需要显示提示信息，需要使用Ext.QuickTips.init();tooltipType:"title",//
lxf0613050210·2020-09-13 20:24

EXTJS4.x之无限级树形菜单实现

目前在Web应用程序开发领域，ExtJS框架已经逐渐被广泛使用，它是富客户端开发中出类拔萃的框架之一。在Ext的UI控件中，树形控件无疑是最为常用的控件之一，它用来实现树形结构的菜单。TreeNode用来实现静态的树形菜单，AsyncTreeNode用来实现动态的异步加载树形菜单，后者最为常用，它通过接收服务器端返回来的JSON格式的数据，动态生成树形菜单节点。生成树有两种思路，一种是一次性生成全
包包_安安·2020-09-13 20:07

Ext JS 4.2.0发布

下载地址：http://www.sencha.com/products/extjs/download/ext-js-4.2.0/2142ReleaseNotesforExtJS4.2.0ReleaseDate
iteye_20659·2020-09-13 19:35

使用Ext.grid.column.Action操作表格数据

想读(1)在读(0)已读(0)品书斋鉴(0)已有1人发表书评《疯狂Ajax讲义（第3版）--jQuery/ExtJS/Prototype/DWR企业应用前端开发实战》本书详细介绍了jQuery1.8、ExtJS4.1
Arisono·2020-09-13 16:50

Python开发入门与实战14-基于Extjs的界面

14.1.引用Extjs目录首先，我们在inventoryapp下增加一个static目录，拷贝Extjs发布目录到static下，本章节例子我们采用的是Extjs4.1.1版本进行说明演示，Django
weixin_30809173·2020-09-13 13:34

Extjs4 comboBox 动态赋值

//首先先定义comboBox的ModelExt.define('comboBoxModel',{extend:'Ext.data.Model',fields:[{name:'id',type:'string'},{name:'name',type:'string'}]});varself=this;//初始化，设置comboBox内容this.comboBoxData=Ext.ModelMana
iteye_8420·2020-09-13 12:34

ExtJs中gird列中增加操作列,并给操作按钮绑定事件

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

Extjs4 之grid组件

智能渲染：在extjs4.0之前的版本中采用了‘最小公分母’的策略来支持各种丰富的特性，这种方式会对每一个表格产生大量的标签，而这些标签对于简单表格来说是不必要的，而在4.0中默认的表格只会产
weixin_33895695·2020-09-13 03:45

J2EE之 Extjs4.0 Grid 分页显示

ExtJS是一种主要用于创建前端用户界面，是一个基本与后台技术无关的前端ajax框架。功能丰富，无人能出其右。无论是界面之美，还是功能之强，ext的表格控件都高居榜首。单选行，多选行，高亮显示选中的行，拖拽改变列宽度，按列排序，这些基本功能ExtJS轻量级实现。自动生成行号，支持checkbox全选，动态选择显示哪些列，支持本地以及远程分页，可以对单元格按照自己的想法进行渲染，这些也算可以想到的功
兔子侠客·2020-09-13 02:54

Extjs4.2 gridPanel中的Store数据远程获取

varmodelName='model';Ext.define(modelName,{extend:"Ext.data.Model",fields:["id","code","name"]});varstore=Ext.create("Ext.data.Store",{autoLoad:false,model:modelName,data:[],pageSize:20,proxy:{type:"a
初心不负·2020-09-13 02:42

ExtJS学习(四)EditorGrid可编辑表格

代码：HelloExtjs4.2ExtJS4.2学习作者：springokExtJSgrid表格Ext.onReady(function(){//定义列varcolumns=[{header:'编号',
分享牛·2020-09-13 02:47

使用extjs4.0实现动态列及分页

在做信息管理系统类项目时，用户有时需要实现表格的列头（列名字段）可以根据数据库返回的结果集不同而有不同的显示，包括字段名或者字段顺序。比如，同样是邮件列表，可以根据用户个人配置，显示“标题、发送时间、发送人”或者“发送时间、发送人、标题”又或者“标题、正文简介”等。这个时候，如何使用extjs自带的grid组件实现呢？首先，我们需要知道extjs的grid组件与后台程序之间传输数据一般使用json
myairen1365·2020-09-13 02:08

ExtJS4学习笔记二－－表单控件相关

二、表单部分相关Html代码提示信息Ext.onReady(function(){Ext.QuickTips.init();//初始化信息提示功能varform=newExt.form.Panel({title:'表单',//表单标题height:120,//表单高度width:200,//表单宽度frame:true,//是否渲染表单renderTo:'form',defaults:{//统一设
lvdong5830·2020-09-13 02:01

EXTJS4:在grid中加入合计行

EXTJS4:在grid中加入合计行还记得在4.0.7之前的版本中，要在gridpanel中加一个合计栏是多么麻烦啊，4.0出现后，一句话就搞定直接copy官方的Ext.onReady(function
拼尽全力前进·2020-09-13 01:51

extjs4做的grid，带分页，搜索

最终效果图：服务器端数据格式输出：{"total":100,"items":[{"id":0,"name":"aaaa0","time":"2009-23-0","phone":"000-2342442"},{"id":1,"name":"aaaa1","time":"2009-23-1","phone":"010-2342442"},{"id":2,"name":"aaaa2","time":"
fanpeii·2020-09-13 01:07

ExtJS4学习笔记八－－Template的使用(转)

http://hnhnhnhnhn.iteye.com/blog/1163291ExtJS4学习笔记八－－Template的使用博客分类：ExtJS4ExtJS41、append方法Javascript
chenweishaoxing·2020-09-13 01:12

Extjs4 grid合并行单元格

functionspanRows(grid,row,col){varid=grid.view.getId();varviewDiv=document.getElementById(id);vartables=viewDiv.getElementsByTagName("table");if(tables.length==0){return;}vartrs=tables[0].getElementsB
MrCoffee2019·2020-09-13 00:39

ExtJS4 grid合并单元格

效果图：Ext.define('V5.cxb.controller.Cxb',{extend:'Ext.app.Controller',models:['V5.cxb.model.Cxb'],stores:[],views:['V5.cxb.view.Grid'],refs:[{ref:'Grid',selector:'cxbGrid'}],init:function(){varme=this;t
祥灬子·2020-09-12 22:34

ExtJs4 - grid 合并单元格 跨行跨列

首先说明算法非原创,感谢http://blog.csdn.net/kunoy/article/details/7829395提供了绝大部分思路！//==>June8/***ruantao1989*合并单元格*@param{}grid要合并单元格的grid对象*@param{}cols要合并哪几列例如[1,2,4]*/varmergeCells=function(grid,cols){//==>Ex
光阴迷客·2020-09-12 22:21

extjs4.2 grid 合并单元格并居中显示

合并单元格*@param{}grid要合并单元格的grid对象*@param{}cols要合并哪几列例如[1,2,4]*/varmergeCells=function(grid,cols){//==>ExtJs4.2
宅男当道·2020-09-12 22:37

Extjs Grid合并单元格

以下是在网上找的extjs3和extjs4的合并单元方法！
T_zm_cross·2020-09-12 22:32

采用新的方法解决extjs4.1 grid合并单元格问题

首先技术原理基于狂人论坛的大大yunfengcheng发的帖子《100行代码解决ExtJs4.1合并单元格问题》，表示感谢。
yixiaotian1988·2020-09-12 21:33

eclipse插件spket安装

由于extjs4.0以后的版本都没有jsb文件，所以，安装方法详细写下：step1:下载插件，解压，将解压包里的eclipse文件夹下的features和plugins文件夹复制到eclipse文件夹中
women525·2020-09-12 17:11

Extjs4 grid 行添加按钮（button）的方法

1、添加单个按钮：效果图：{xtype:'gridcolumn',width:100,dataIndex:'operate',text:'查看明细',align:'center',renderer:function(value,metaData,record){varid=metaData.record.id;metaData.tdAttr='data-qtip="查看当前明细"';Ext.def
bigambitions·2020-09-11 06:57

ExtJS4 grid添加按钮列

效果：源码：store:Ext.create('Ext.data.Store',{fields:["name1","name2",'name3'],data:[{'name1':'印章管理','name2':'方学星'},{'name1':'信息的真实性、准确性','name2':'方学星'},{'name1':'督导检查','name2':'方学星'},{'name1':'员工异常行为管理','
祥灬子·2020-09-11 02:22

Extjs4 gridPanel 列按照百分比分配宽度

//下面红色部分设置属性值，看注释var_store=Ext.create('Ext.data.Store',{fields:['name','name2','name3'],proxy:{type:'ajax',url:'test!request.action',reader:{type:'json',root:'data'}},listeners:{'load':function(t,reco
iteye_8420·2020-09-11 01:27

ExtJS4学习笔记五－－面板使用

标准面板：Javascript代码Ext.create('Ext.panel.Panel',{title:'面板头部（header）',tbar:['顶端工具栏(toptoolbars)'],bbar:['底端工具栏(bottomtoolbars)'],height:200,collapsible:true,collapseDirection:'left',width:300,frame:true
yyhm·2020-09-10 21:28

ExtJS4.2学习(11)——高级组件之Grid

架构如图：代码分别如下，注释写的比较清楚，按照以上搭建可以正常运行：grid.html代码如下：EXTJS4.0gridDemo.js代码如下：(func
weixin_33915554·2020-09-10 19:02

Extjs4.2 获取行数据的两种方法。

vartest_grid=Ext.create('Ext.grid.Panel',{id:'test_grid_id',columns:[{text:"MsgId",dataIndex:'MsgId',hidden:true},{text:"Read",dataIndex:'Read',hidden:true},{text:"Subject",flex:1,dataIndex:'Subject',
fanqielian2013·2020-09-10 18:50

ExtJs4.2学习--Ext.tab.Panel 选项卡

1、基本标签的容器中。TabPanels可以使用完全一样的标准Ext.panel.Panel布局的目的，但也有包含正在使用CardLayout布局管理器管理的子组件（项目）的特殊支持，并显示为单独的标签。先看看看官方的文档：先看看一个简单的实例：vartabs=Ext.create('Ext.tab.Panel',{width:400,height:400,renderTo:document.bo
流水无Qing·2020-09-10 18:51

EXTJS4.2数据源配置及创建注意事项

陷阱一：TreeStore1、TreeStore在API文档中使用的是Ext.data.NodeInterface类作为Model原型，其中children属性存储的是子节点，但是在创建TreeStore时如下代码中指定了root节点不为children时，子节点数据需要存储在root节点Ext.define('MyApp.store.MenuStore',{//定义一个树形的数据源extend:
hao_ds·2020-09-10 13:38

真正的Extjs 4.2 支持时间选择的日历扩展

最近在做一个case的时候，客户要求能在选择年月日，时分秒在一个面板中选择；客户端JS框架使用的是ExtJs4.2。
刘晨哈·2020-09-10 13:59
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他