在上一篇《Extjs window 入门》中，我们已经看到了如何将一个form组件放到window中，今天我们来看看form的一些优雅的工作方式。 使用fieldDefaults，优雅的设置字段默认值 form中的子项，通常都是field控件，而这些field控件通常都会使用一些相同的配置，例如labelWidth、labelAlign等，如果在每一个f...
转： ExtJS中xtype一览 基本组件： xtype Class 描述 button Ext.Button 按钮 splitbutton Ext.SplitButton 带下拉菜单的按钮 cycle Ext.CycleButton 带下拉选项菜单的按钮 buttongroup Ext.ButtonGroup 编组按钮(Since...
EXTJS是一个兼容AJAX的前台WEB UI的框架，在普通的HTML文件的 BODY 元素中无须写任何HTML代码，就能产生相应的表格等元素。 首先是为每一个页面定义一个类，再以EXTJS的规范格式增加所需的元素，可以使用所见所得的工具：extbuilder 来操作，这个类将以XXXXX.js的文件名保存，最后在相应的HTML页面中引入相关的JS和...
上回在Panel的应用中我们应该能大致区分开conteEl和renderTo，这回我们从定义中区分。 在Panel的API中， contentEl:String指定一个现有的HTML元素或者id作为此组件的内容。这个config选项是用来利用现有的HTML元素，并将其放置在一个新的组件的布局元素(它只是将指定的DOM元素移动到，已经被渲染的组件之中当内容...
在Extjs中，FormPane表单提供了各种各样的验证。 在表单验证前需要在onReady的function（{}）内添加以下代码: Ext.QuickTips.init(); //为组件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息。 出现错误提醒有两种方法: 1、Ext.form.Field.prototy...
ExtJS初接触 —— 了解 Ext Core Ext Core是一款和jQuery媲美的轻型JS库，基于MIT许可。对于Dom的操作，我个人还是比较喜欢用jQuery。当然如果项目中用的是ExtJS框架，也就没必要多引用一个jQuery，Ext Core是ExtJS框架的一个小子集。如果仅仅使用Ext Core的功能，则只需引入builds文件夹下的一个...
今天我和大家继续分享ExtJS！OK!上篇中我们分享了Ext.window的简单使用，今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题，创建的时候： //查看源代码便知，两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;我们还是从最简单的代码实例开始吧：<!--html代码...
最近开始学ExtJS，书上的第一个例子是： 1 2 3 Ext.onReady(function(){ Ext.Msg.alert('Hello.', 'Hello'); }); 这个是ExtJS最简单的一个例子了，就是在页面上显示一个对话框，可是我运行却什么都没有显示。。。 在浏览器开发者工具的控制台中有如下错误信息： （...
Ext.form.TimeField: 配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟format：显示格式，默认为“g:i A”。一般使用“H:i:s”H：带前缀...
准备工作，布置一个最简单的Form，共5个组件，都为textfield。 1 Ext.onReady(function(){ 2 Ext.create('Ext.form.Panel', { 3 500, 4 title: 'Layout', 5 renderTo : 'form', 6 items:...