![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
EXTJS 3.4
文章平均质量分 75
iteye_21082
这个作者很懒,什么都没留下…
展开
-
Ext Grid基础
<p>EXT Grid主要用于模拟表格形式的数据展示。要使用Ext Grid,首先需要配置列模式和数据存储,然后可以加上顶部工具按钮和底部分页工具栏等。一个典型的Ext Grid创建如下: // 用于读取后台返回的JSON格式数据。格式类似:{"total":10, "results":[{},{}]} var reader = new Ext.data.JsonRe...2012-12-05 17:18:22 · 147 阅读 · 0 评论 -
Ext Grid 分页工具栏增强
在使用Ext Grid进行展示的时候,可能我们需要能够根据数据量和页面动态改变每页显示的记录的数量,但是默认的PagingToolBar是不能提供该功能的。 因此,我们可以使用Ext.PagingToolbar的plugins属性指定new Ext.ux.Andrie.pPageSize()来实现。 其中Ext.ux.Andrie.pPageSize()的实现可以在论坛上...原创 2012-12-05 17:36:32 · 112 阅读 · 0 评论 -
Ext Grid 列内容显示处理
如果在Ext Grid里面Store从后台加载的数据还不是最终要显示的列内容,那么我们需要对该列的内容作特殊处理。 处理效果可以是增加显示内容,增加tip提示,增加操作列等。处理方法如下: var configColumns = new Ext.grid.ColumnModel({ defaults : { sortable : true...原创 2012-12-06 20:13:52 · 255 阅读 · 0 评论 -
Ext Grid重新加载当前页
有些情况下,我们需要重新加载Grid的当前页数据。比如我们在Grid第二页对某一行进行了修改,从修改form跳转回来时,需要重新加载Grid第二页的数据源数据,那么我们就可以这么做: function loadGrid(loaded) { //根据id获取到Ext Component var grid = Ext.getCmp("grid"); if ...原创 2012-12-06 20:25:33 · 515 阅读 · 0 评论 -
Ext Grid宽度自适应
我们使用Ext的Grid的时候,在改变浏览器宽度时,需要Grid也相应的改变其宽度,以便能够Grid宽度自适应。 那么我们可以注册window.onresize函数进行相应。但是如果用户把浏览器宽度拉得很小的时候,就可能显示不清楚了,所以我们还可以设置一个最小宽度,以保证列内容能大致看清楚。浏览器小于这个宽度的话,Grid最小就是这个宽度了并出现水平滚动条。 页面布局如下:...原创 2012-12-06 20:35:38 · 497 阅读 · 0 评论 -
Ext Form中的BACKSPACE键盘事件
如果我们在Ext Form中有ReadOnly的TextField,那么其实我们鼠标点击该输入框,是能够获得鼠标焦点的,只是我们不能修改其中的值。 但是如果我们没注意,在ReadOnly的输入框按BACKSPACE键,本意是以为能够修改,对之前的内容进行删除,但是实际上因为其ReadOnly属性,不能修改,会导致其跳转到历史上一页,这不是我们期望的。 所以,我们可以采用如下方法来避...原创 2012-12-07 10:13:16 · 179 阅读 · 0 评论 -
Ext scope 学习
首先,用一句话来概括scope的作用:scope就是用来解决 js 中 this 的指向问题。1、 关于JavaScript中this的使用,这是一个由来已久的问题了。我们这里就不介绍它的发展历史了,只结合具体的例子,告诉大家可能会遇到什么问题,在遇到这些问题时EXT是如何解决的。在使用EXT时,最常碰到的就是使用Ajax回调函数时出现的问题,如下面的代码所示。 现在的HTML 页...原创 2013-02-06 14:29:07 · 123 阅读 · 0 评论