摘要:
①Extjs中有一个名为Record的类,表格等控件中使用的数据是存放在Record对象中,一个人Record可以理解为关系数据表中的一 行,也可以称为记录。Record对象中即包含了记录(行中的各列)的定义信息。也就是该记录包含哪些字段,每一个字段的数据类型等。同时又包含了具体的 记录信息,也就是各个字段的值。看代码: 1 <script> 2 Ext.onReady(function(){ 3 var record = Ext.data.Record.create([ 4 {name:'title'}, 5 {name:'username',ma 阅读全文
摘要:
在某列指定editor即可对该列进行编辑,对于生日,由于是日期类型,因此我们可以使用日期编辑器来编辑,对于性别,不应该让用户直接输入,而应该是通过下拉框进行选择。日期编辑器使用Ext.form.DateField组件,下拉选择框编辑器可以使用Ext.form.ComboBox组件。看代码:Ext.onReady(function(){ var data = [{ id:1, name:'小王', email:'xiaowang@easyjf.com', sex:'男', bornDate:'1991-4-4'}, { id:2, 阅读全文
摘要:
给grid中其中网址的那一列,加上超链接,使之点击即可进入。看代码:function showUrl(value){ return "<a href="+value+">"+value+"</a>";}Ext.onReady(function(){ var data=[ {id:1,name:'EasyJWeb',organization:'EasyJf',homepage:'www.Easyjf.com'}, {id:2,name:'jfox', 阅读全文
摘要:
8.所谓布局就是指容器组建中子元素的分布、排列组合方式。Ext的所有容器组件都支持布局操作、每一个容器都会有一个对应的布局、布局负责管理容器组件中子元素的排列、组合及渲染方式等。Extjs的布局基类为Ext.layout.ContainerLayout,其他布局都是继承该类。Extjs的容器组件包含一个layout及LayoutConfig配置属性,这两个属性用来指定容器使用的布局及布局的详细配置信息。如果没有指定容器组件的layout则的默认使用ContainerLayout作为布局,该布局只是简单的把元素放到容器中,有的布局要layoutConfig配置,有的则不需要layoutConfi 阅读全文
摘要:
③:为了显示一个面板,我们需要在页面上添加一个div,然后把这个Ext控件渲染到这个div上,ViewPort代表整个浏览器显示区域,该对象渲染到页面的body区域,并会随着浏览器显示区域的大小自动改变,一个页面中只能有一个ViewPort实例。看下面的代码: 1 <script> 2 Ext.onReady(function(){ 3 new Ext.Viewport( 4 { 5 enableTabScroll:true, 6 layout:'fit', 7 items:[{ 8 ... 阅读全文