![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
extjs
文章平均质量分 85
iteye_3928
这个作者很懒,什么都没留下…
展开
-
extjs学习笔记(一) 一些基础知识
相信很多人对使用js进行客户端的编程比较头大,其实现在已经有了很多优秀的js库,可以大大简化js编程的工作量,其中,jquery和extjs就是两款非常优秀的js库。我在项目中已经频繁使用了jquery,这次主要是学习使用extjs,但现有的教程基本都是针对2.0的,而且后台用到的语言也很少是.net平台下的C#,所以我打算针对3.0版,后台使用C#,记录下自己的学习过程,希望能和志同道合的...原创 2010-12-21 16:26:43 · 85 阅读 · 0 评论 -
extjs中textfield的关于验证的一些属性设置
今天刚在做界面的验证,文章里讲的蛮详细...记录一下,方便以后使用...^_^1: ExtJS的textField 本身具备验证输入值的一些属性和方法,这些属性和方法都在config参数中进行配置。 1、是否允许空值 allowBlank : Boolean 如果是true,则允许,否则不允许,默认是true。 blankText : String 如果allowBlank 设置为true,并...原创 2010-12-23 11:54:07 · 374 阅读 · 0 评论 -
extjs学习笔记(六--3) grid中数据的保存,添加和删除
我们先通过grid的getSelectionModel方法获得当前的选择模型,由于当前我们使用了行选择模型,所以返回的是RowSelectionModel的对象,然后通过该对象的hasSelection方法判断有没有行呗选中,没有的话就弹出一个对话框,如果有选中的行要被删除,弹出一个提示框让用户确定删除操作,如果确实要删除,使用RowSelectionModel对象的getSelections方...原创 2010-12-21 16:56:01 · 168 阅读 · 0 评论 -
extjs学习笔记(六--2) grid中数据的保存,添加和删除
149 failure: function(response) {150 Ext.Msg.alert("警告", "数据更新失败,请稍后再试!");151 }152 });153 }154 else {155 Ext.Msg.al...原创 2010-12-21 16:55:06 · 205 阅读 · 0 评论 -
extjs学习笔记(六) grid中数据的保存,添加和删除
在上一个系列当中,我们学习了如何对grid中的内容进行编辑,但是编辑的结果我们并没有保存,这在实际的应用中是没有什么意义的。在有些情况下,除了编辑之外,还要通过grid进行数据的增加和删除,这两个操作也涉及到对于数据的保存。在这个系列里边,我们将学习如何保存数据以及通过grid对数据进行增加和删除。 我们在前边的学习过程中已经知道,grid其实只是显示数据,它通过配置参数store来...原创 2010-12-21 16:52:49 · 89 阅读 · 0 评论 -
extjs学习笔记(五--2)可编辑的grid
我们先来体验下效果: 我们注意到被编辑过的单元格左上角有个红色的小箭头,并且第一列是不允许为空的,第二列可以从下拉列表来选择,第三列在编辑状态显示的是原始数据,第四列可以从一个日期控件中来选择日期。现在我们来看一下主要的代码: 第12行,和本次的主题无关,只是初始化一个全局QuickTips对象,该对象为元素提供漂亮和可定制的提示工具(tooltips)。 第...原创 2010-12-21 16:50:38 · 148 阅读 · 0 评论 -
extjs学习笔记(五)可编辑的grid
大多数时候,我们只是使用grid来显示信息,但有时也需要在grid中对信息进行编辑。在extjs中,构造一个可编辑的grid非常方便。 我们来看下Ext.grid.EditorGridPanel,该类从GridPanel继承而来,通过对列提供editor进行编辑。在前边的例子中,我们用过renderer函数,知道可以把数据显示成我们希望的样子,而在编辑的时候,我们其实是针对的原始数据。另外,我...原创 2010-12-21 16:48:32 · 159 阅读 · 0 评论 -
extjs学习笔记(四--2)带分页的grid
// 定制用户界面 94 viewConfig: { 95 forceFit: true, 96 enableRowBody: true, 97 showPreview: true, 98 getRowClass: function(r...原创 2010-12-21 16:46:38 · 105 阅读 · 0 评论 -
extjs学习笔记(四)带分页的grid
很多时候,我们需要显示在grid中的数据不是短短的几条或者几十条,而是成千上万条。如果让大量的数据一股脑全都显示在一个页面中,可以想象会造成什么样的用户体验。因此,现在几乎所有的grid控件都会支持分页功能。extjs也不例外,它对分页也提供了强大而方便的支持,使得我们在分页处理上可以得心应手。 在extjs中,类Ext.PagingToolbar封装了关于分页的操作,该类从Toolbar继...原创 2010-12-21 16:42:00 · 116 阅读 · 0 评论 -
extjs学习笔记(三)最基本的grid
extjs的一个亮点就是提供了丰富的UI,使得没有艺术细胞的程序员也能做出绚丽的界面。把所有的UI集中到一起,有好处也有坏处,好处是有了统一的风格和接口,坏处是js文件过于庞大,使用extjs的最小集合也超过了500k,所以在有些项目中并不适用。jquery在这方面则正好相反,它的 UI都以插件形式提供,可以需要什么就引用什么,所以非常小巧灵活,但由于插件往往是由不同的人或者团队来提供,界面和接口...原创 2010-12-21 16:31:33 · 82 阅读 · 0 评论 -
extjs学习笔记(二) Ext.Element类
上个系列中,我们用到了Ext.fly来获得一个Element对象,其实Ext.fly是Ext.Element.fly的简写形式。类似的方法还有一个Ext.get,是Ext.Element.get的简写。这两个方法都可以用使用Dom元素或者Dom元素的id作为参数来获得一个Element对象。区别在于fly返回的是Element轻量级的,占用较少的内存,但是不保存对象的引用,每次使用都会改变先前的对...原创 2010-12-21 16:30:06 · 105 阅读 · 0 评论 -
extjs grid的一些属性说明
1. 界面修改(css style): Extjs中界面风格与我们产品本身的风格有很大不同,从边框、选中行的颜色到鼠标移动到的行的颜色、菜单等,几乎都不同。Extjs对这些样式的设置都是由css完成的。如:选中行的颜色就可用如下设置完成:.x-grid3-row-selected{background:#c6e2ff!important;} 其他的都类似,只要找到...原创 2010-12-29 11:04:34 · 110 阅读 · 0 评论