ExtJS学习之EditorGridPanel

EditorGridPanel与GridPanel用法上几乎没有差别，但是有几个地方需要注意，这些地方是其之所以成为EditorGridPanel的原因。

第一，EditorGridPanel第一个不同的属性，editor，也就是说，通过声明这个属性，我们可以指定EditorGridPanel的中某个列的编辑方式。

这个编辑方式可以是Ext.form.TextField、Ext.form.DateField、Ext.form.ComboBox（下拉列表框）。其中Ext.form.ComboBox（下拉列表框）和Ext.form.DateField中有

几个属性十分重要。

在ComboBox中，我们可以通过指定transform属性来将某个<select/>元素，DOM或者Element与其绑定来，从而显示不同的下拉风格。通过指定

triggerAction属性我们可以在点击下拉框的时候显示不同的效果，默认为‘query’，即点击下拉框时只显示匹配的选项，通过设定‘all’，我们可以实现在点击下拉框时显示

全部选项。通过指定lazyRender属性为true，我们可以实现阻止该下拉框渲染，直到其首次被请求时。

在DateField中，我们可以指定format属性，其作用是用特定的日期格式覆盖本地默认的日期格式。默认的格式为'm/d/y'。

第二，EditorGridPanel第二个不同的属性，renderer，我们可以通过声明这个属性来指定某列的渲染方式。

ExtJS学习之EditorGridPanel相关推荐

extjs学习—-官方模版注释2
简介:这是extjs学习--官方模版注释2的详细页面,介绍了和javascript,有关的知识.技巧.经验,和一些javascript源码等.这次是一些弹出框.自己将官方的看了几遍,重写了下.其实也差 ...
ExtJS学习：MVC模式案例（三）
在ExtJS案例系列教程的前两讲,我们了解了该案例的最终实现效果,并且在ExtJS学习:MVC模式案例(二)中我们添加Viewport.js和demoController.js两个文件,实现了对整个网 ...
ExtJs学习笔记(4)_EditorGridPanel(可编辑的网格控件)
这一节,我们将看到ExtJs功能强大的可编辑网格控件,几乎与VS.Net的GridView功能一样了,但是ExtJs的可是纯JS的UI 一.静态示例(改自ExtJs的官方示例) a.因为我们是采用xm ...
extlink.php,ExtJs 学习笔记基础篇 Ext组件的使用_extjs
昨天刚接触到Extjs,简单写了篇学习笔记,今天继续. 天介绍一下Ext中组件举几个简单的例子做说明.注意:文章内容有些摘自本人学习过程中看到的资料. Ext2.0对框架进行了非常大的重构,其中最重要 ...
ExtJs学习笔记(3)_GridPanel[XML做数据源]
这一节,将学习到除了用JSON做GridPanel的数据源外,还可以使用XML 一.静态示例 1.xml文件内容: <?xml version="1.0" encoding= ...
EXTJS学习之道（一）
我这人喜欢什么都学一点,在老师的指导下我接触了EXTJS这个界面框架的,他比JQury强大,但也比JQury复杂,特别是它里面掺杂的各种技术,没有一点基础学起来非常的困难.对了还是手说他的好处吧,除了 ...
ExtJs学习笔记(2)_Basic GridPanel[基本网格]
这一节,将学习如何使用网络上最常见的UI控件_Grid 1.静态示例: 静态示例其实官方下载包里,就有sample,这里只贴出代码,后面的如何跟WCF结合,做出动态版的Grid才是本文重点 <! ...
前端extjs学习之旅（1）
从上周正式开始学习Extjs.刚开始看老大推荐的Extjs in action英文版,边看边敲代码,虽然都是一些简单小程序,但是看着它跑起来还是很欢脱.但是,第一次通过英文书学技术的我感到非常痛恨英语 ...
ExtJs学习（一）~~ 简述概念
一.学习经历如果想看我的学习心得.项目截图.写ExtJs专栏的目的,可以看一下以下这篇文章: https://blog.csdn.net/xiaozhegaa/article/details/828 ...
ExtJs学习笔记(5)_Ajax示例
ExtJs对于Ajax的使用非常简单,看下面的代码: 1.Html页: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

ExtJS学习之EditorGridPanel

ExtJS学习之EditorGridPanel相关推荐

最新文章

热门文章