EXT热门博客列表 - Web前端 ITeye博客频道 - 第11页

博客专栏推荐

本月博客排行

年度博客排行

EXTJS设置emptyText的问题

遇到问题如下：设置emptyText后，使用 form.getForm().submit({url : '/myAction.do?method=save',}) 就会把emptyText内容提交到后台方法如下： 3.0一下版本的Ext设置方式：在有效性检验时需要对表单元素的提交的数据和该表单元素的emptyText比较，如果相同，说明用户没有输入任何文本；如果不同并且非 ...

Java Extjs emptyText

zyjustin9 评论(0) 有1974人浏览 2014-09-18 14:17

Ext.form.DateField在chrome、safari下显示异常的解决方法

最近在用extjs的DateField控件的时候，总是出现时间空间显示的时候宽度占满了整个屏幕，后来发现这个extjs在chrome下面的一个bug。解决方式一：在js中添加一下语句 if(Ext.isChrome===true){ var chromeDatePickerCSS = ".x-date-picker {border ...

Java Extjs Datefield

zyjustin9 评论(0) 有1244人浏览 2014-09-18 14:15

ExtJS4.2实例：表格Grid嵌套(内部Grid)-MVC模式

前文ExtJS4.2 Grid嵌套实例中讲解了如何在表格Grid中嵌套Grid，即外部Grid中每行分别展现为不同的内部Grid，比如常见的费用报销业务，费用类别有往返车费和住宿费，其中往返车费需要填写往返类型、交通工具、费用日期、出发地、目的地和金额，住宿费只需填写入住日期、离开日期、单价和金额，在一个表格中包含多种费用类别，每个费用类别下又有多条明细，所需实现的业务场景图片如：在线演示 / ...

extjs extjs4.2 grid

wangcl011 评论(0) 有1243人浏览 2014-08-28 00:05

ExtJS4.2 二级下拉框联动

图片 //定义学历下拉框模型 Ext.define('comModel', { extend : 'Ext.data.Model', fields : [ {name : "code", type : 'String'}, {name : "value", type : 'String'} ] }); ...

extjs combo 二级下拉框传参

lluyunl 评论(0) 有2217人浏览 2014-08-27 15:00

EXTJS DataView 元素排序事例

Extjs的DataView组件似乎没有排序的功能（针对View中的Item进行拖拽实现位置变化来达到排序的目的），下面的代码实现则是对这个功能的补充： 1. 拖拽任意的ITEM来实现位置切换（如将ITEMA拖至ITEMB上方，然后放开，则ITEMA会插入到ITEMB的前面一个位置）。 2. 如果将一个ITEM拖放的位置不是在某个ITEM的区域，而是空白的某个区域，则这个ITEM会自动排到最后 ...

EXTJS DataView DD sortable

gagapear 评论(0) 有1178人浏览 2014-08-26 17:52

Extjs4 实现两个DataView之间元素的拖拽添加及删除

最近项目接到一个需求,要求用拖拽实现在两个Panel之间实现拖拽添加和删除元素的功能.首先想到的是EXTJS提供的View组件,View组件绑定一个Store和Template就可以得到预期的UI显示效果,再加上EXTJS提供的DD(Drag and Drop)功能，则可以实现两个View组件之前的元素拖拽添加以及删除.效果如下：Demo代码实例如下： Ext.onReady(funct ...

EXTJS DATAVIEW DD

gagapear 评论(0) 有1243人浏览 2014-08-26 08:53

Extjs下拉树列表组合框实现

经常在用于显示组织机构的时候会使用下拉树列表组合框，在此给出本人的实现方式,直接上代码： Ext.ux.TreeCombox = Ext.extend(Ext.form.ComboBox, { /** * @cfg treeUrl {String} * 树的请求地址 */ /** * 根节点 * @property root {TreeNode} * ...

extjs 下拉树列表组合框

ybhanxiao 评论(0) 有1423人浏览 2014-08-23 00:00

Extjs多图标表格操作按钮列组件实现

写此组件是看了joffice中的表格列中将操作用图标在一个列中实现，但看了源码他们采用的是在renderer中用拼接html标签实现，这样就难维护，不好使用，而且点击图片执行操作的时候作用域是指向整个window，并不能或用很不好的方式去获取表格本身这个对象，于是自己写了个，呈现的效果是一样，但使用更方便，作用域好控制，先晒一张效果图，在此展示下效果：实现代码： /** * 按 ...

extjs 表格列组件图片按钮列组件

ybhanxiao 评论(0) 有1731人浏览 2014-08-22 23:55

关于在Ext.data.Model中使用mapping无效

先定义一个简单的Model: Ext.define("ProductModel", { extend: "Ext.data.Model", fields: [ { name: "product", // mapping: "p.name" // 这� ...

extjs model mapping store

itManKid 评论(0) 有1061人浏览 2014-08-22 10:51

Ext Rowexpander分页样式错乱的解决办法

Ext RowExpander双表头总结：使用Ext RowExpander双表头出现的问题：引起的原因，ext-all.css里有一段css布局引起： table-layout:fixed; 解决办法： Ext的demo在定义expander对象的写法：

ext Mootools

Dekker_zhang 评论(0) 有1120人浏览 2014-08-21 10:34

extjs入门小记()

想要在grid里实现精确查询,一直找不到方法,和朋友交流中得知可以用覆盖url的方式重新load store,遇到了以下问题: Store里面的fields属性 fields : ["stuID","stuName", "stuAge", "stuHeight", "stuWeight", & ...

extjs

waisam 评论(0) 有460人浏览 2014-08-19 13:37

ExtJS4.2 Grid行编辑、新增行及删除行

本节主要学习ExtJS4.2 Grid行编辑、新增行及删除行，示例图片：原文主要内容如下：行编辑模式新增行删除行 1.行编辑模式在Grid中定义中配置插件Ext.grid.plugin.RowEditing，点击单元格时即启动行编辑模式，见上图。 var rowEditing = Ext.create('Ext.grid.plugin ...

ext extjs extjs4.2 grid

wangcl011 评论(0) 有23688人浏览 2014-08-18 23:37

ExtJS4.2 Grid知识点七：显示行号、斑马线效果（奇偶行背景色不一致）、复制单元格文字、禁止点击列排序、禁止列头部右侧菜单

本节主要学习ExtJS4.2 Grid显示行号、斑马线效果（奇偶行背景色不一致）、复制单元格文字、禁止点击列排序、禁止列头部右侧菜单，示例图片： � ...

ext extjs extjs4.2 grid

wangcl011 评论(0) 有1832人浏览 2014-08-18 23:36

ExtJS4.2 Grid知识点六：自动选中指定记录、自动选中全部记录、反向选择

本节主要学习ExtJS4.2 Grid自动选中指定记录、自动选中全部记录、反向选择，即在表格Grid加载数据后自动将符合条件的记录行选中，示例图片：示例代码本例是通过监听Grid的afterrender事件来实现自动选择指定记录行，代码如下实现自动选中性别为男性的记录行：自动选中指定记录代码 'userlist': { afterrender: f ...

EXT extjs extjs4.2 grid

wangcl011 评论(0) 有10128人浏览 2014-08-18 23:35

cannot read property 'items' of undefined

今天在自定义类时出现这样一个错误，经过反复尝试和仔细阅读api后发现，我的自定义类继承了Ext.panel.Panel，并实现了initComponent方法，问题在于我的initComponent方法中没有调用callParent()。 API文档中关于initComponent()有这样一段话：“The initComponent method must contain a call to ...

extjs undefined initComponent

itManKid 评论(0) 有1215人浏览 2014-08-18 16:00

ExtJS4.2 Grid知识点五：多选行（可以点击行选中记录与只能点击多选框选中记录）

本节主要学习ExtJS4.2 Grid多选行知识，示例图片：示例代码主要内容如下：可以点击行选中记录与只能点击多选框选中记录选中Grid中数据加载到Form 获取Grid中多行数据，生成JSON格式 1.可以点击行来选中记录，此时多选Grid只需要配置selType: 'checkboxmodel'，此时有一个缺陷，当你通过多选框勾选多条记录时，如果 ...

ext4.2 extjs grid

wangcl011 评论(0) 有16174人浏览 2014-08-15 01:35

ExtJS4.2 Grid知识点四：改变表格Grid行文字颜色,划过Grid行时文字变粗

在ExtJS4.2 Grid知识点一：改变表格Grid单元格文字颜色一文中讲解了如何改变单元格中文字颜色，接下来在本章学习如何改变Grid中整行文字的颜色，这样就不需要为每列单独定义renderer函数，显示结果如图片：示例代码实现方式是在Grid中设置viewConfig属性的getRowClass函数，函数参数列表如下： record: 当前待渲染行数据Model ...