Ext

ExtJS入门教程02,form也可以很优雅

在上一篇《Extjs window 入门》中,我们已经看到了如何将一个form组件放到window中,今天我们来看看form的一些优雅的工作方式。 使用fieldDefaults,优雅的设置字段默认值 form中的子项,通常都是field控件,而这些field控件通常都会使用一些相同的配置,例如labelWidth、labelAlign等,如果在每一个f...

转: ExtJS中xtype一览

转: ExtJS中xtype一览 基本组件: xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since...

EXTJS入门教程及其框架搭建

EXTJS是一个兼容AJAX的前台WEB UI的框架,在普通的HTML文件的 BODY 元素中无须写任何HTML代码,就能产生相应的表格等元素。   首先是为每一个页面定义一个类,再以EXTJS的规范格式增加所需的元素,可以使用所见所得的工具:extbuilder 来操作,这个类将以XXXXX.js的文件名保存,最后在相应的HTML页面中引入相关的JS和...

ExtJS学习之路第七步:contentEl与renderTo的区别

上回在Panel的应用中我们应该能大致区分开conteEl和renderTo,这回我们从定义中区分。 在Panel的API中, contentEl:String指定一个现有的HTML元素或者id作为此组件的内容。这个config选项是用来利用现有的HTML元素,并将其放置在一个新的组件的布局元素(它只是将指定的DOM元素移动到,已经被渲染的组件之中当内容...

【ExtJS】FormPanel表单验证

在Extjs中,FormPane表单提供了各种各样的验证。 在表单验证前需要在onReady的function({})内添加以下代码: Ext.QuickTips.init();              //为组件提供提示信息功能,form的主要提示信息就是客户端验证的错误信息。 出现错误提醒有两种方法: 1、Ext.form.Field.prototy...

ExtJS初接触 —— 了解 Ext Core

ExtJS初接触 —— 了解 Ext Core Ext Core是一款和jQuery媲美的轻型JS库,基于MIT许可。对于Dom的操作,我个人还是比较喜欢用jQuery。当然如果项目中用的是ExtJS框架,也就没必要多引用一个jQuery,Ext Core是ExtJS框架的一个小子集。如果仅仅使用Ext Core的功能,则只需引入builds文件夹下的一个...

ExtJS 基础解析之【Ext.FormPanel】之一

今天我和大家继续分享ExtJS!OK!上篇中我们分享了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候:  //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧:<!--html代码...

ExtJS初学笔记---Ext.Msg.alert无效果

最近开始学ExtJS,书上的第一个例子是: 1 2 3 Ext.onReady(function(){     Ext.Msg.alert('Hello.', 'Hello'); }); 这个是ExtJS最简单的一个例子了,就是在页面上显示一个对话框,可是我运行却什么都没有显示。。。 在浏览器开发者工具的控制台中有如下错误信息: (...

ExtJs控件属性配置详细

Ext.form.TimeField: 配置项:maxValue:列表中允许的最大时间maxText:当时间大于最大值时的错误提示信息minValue:列表中允许的最小时间minText:当时间小于最小值时的错误提示信息increment:两个相邻选项间的时间间隔,默认为15分钟format:显示格式,默认为“g:i A”。一般使用“H:i:s”H:带前缀...

【ExtJS】FormPanel 布局(一)

准备工作,布置一个最简单的Form,共5个组件,都为textfield。 1 Ext.onReady(function(){ 2 Ext.create('Ext.form.Panel', { 3 500, 4 title: 'Layout', 5      renderTo : 'form', 6 items:...