`
fming09
  • 浏览: 62026 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

让Ext.panel(包含formPanel)在屏幕上居中显示

    博客分类:
  • Ext
EXT 
阅读更多

    用formPanel做了个登录界面,不能在页面居中,以下是解决方法

 

var panel =new Ext.panel({
 
});
var windowWidth =   window.screen.availWidth; 
var left=windowWidth/2 - panel的宽度/2;
var style='margin-top:150px;margin-left:'+left+'px;';
var el=Ext.get('div-id').applyStyles(style);
panel .render(el);
 

 

 

分享到:
评论
3 楼 Alicus520 2011-02-10  
恩,谢谢。。。
2 楼 fming09 2010-06-15  
他是根据屏幕的宽度和你设置panel的宽度决定的,和位置没关系
1 楼 alwinzhang 2010-06-07  
放到什么位置,我的怎么报错呢

相关推荐

    Ext的FormPanel组件

    ### Ext的FormPanel组件 #### 综述 `FormPanel`是Ext JS框架中的一个重要组件,主要用于构建复杂的表单界面。它提供了丰富的功能,如数据验证、数据提交以及灵活的布局控制等,使得开发者能够轻松地创建出既美观又...

    EXT.form组件

    在EXT JS中,表单组件不仅包含基本的输入字段,还支持复杂的输入类型和验证机制。 1. `form`:`Ext.FormPanel`是EXT JS中的表单面板,它是一个容器,可以容纳各种表单字段和其他组件。表单面板允许你定义布局、提交...

    Ext 添加功能form表单实例

    综上所述,这个实例展示了如何在Ext中创建一个完整的表单,包括表单的布局、字段的定义及验证、按钮及事件处理等多个方面。对于初学者来说,这是一个很好的学习资源,可以帮助他们快速掌握如何使用Ext构建复杂的Web...

    Ext组件描述,各个组件含义

    **2.16 Form Panel (Ext.FormPanel)** - **xtype**: `form` - **功能描述**:Form Panel 是一个包含表单字段的面板。 - **主要用途**:用于创建和管理表单,支持数据验证和提交。 **2.17 Checkbox (Ext.form....

    Extjs3.4.0版本 多选下拉框效果支持多选/全选/全不选

    在ExtJS 3.4.0版本中,多选下拉框(Multiselect Combobox)是一种常见的用户界面组件,用于提供多个选项供用户选择。这个功能增强了标准的单选下拉框,允许用户同时选择多个条目,通常通过复选框实现。在描述中提到...

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    在EXTJS框架中,`Ext.FormPanel`和`Ext.Ajax.request`提供了两种不同的异步提交方法,它们各自有其特点和适用场景。下面我们将详细探讨这两种方式的区别。 1. **Ext.FormPanel的异步提交** `Ext.FormPanel` 是...

    ExtJs中处理后台传过来的date对象显示到页面上

    在ExtJs中处理后台传递的Date对象并将其正确地显示在页面上,通常涉及到数据模型(Model)、存储(Store)、列模型(ColumnModel)以及渲染器(Renderer)的配置。以下是一个详细的步骤说明: 1. **创建数据模型...

    Ext table布局实例 formpanel的table布局

    Ext JS的`Ext.form.Panel`(formpanel)是一个用于创建表单的组件,它可以包含各种输入控件、标签和其他表单元素。在formpanel中使用table布局,可以按照表格的形式组织表单元素,这在处理多列或多行表单布局时非常...

    ext几个实例

    在示例中,FormPanel被放置在一个居中显示的层内。当用户点击登录按钮时,Ext.FormPanel的submit方法会触发异步提交,同样使用Ext.AJAX进行后台通信。提交成功或失败,都会通过回调函数进行处理,以更新用户界面。 ...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    在本文中,我们将深入探讨ExtJS 2.0中的FormPanel组件,并通过具体的示例来了解如何使用不同的组件,如checkbox、radio以及htmleditor。首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的...

    extJs中关于formPanel动态添加组件的验证问题

    在EXT JS这个强大的JavaScript框架中,FormPanel是用于创建表单的重要组件,它允许开发者构建交互式的、数据驱动的Web应用程序。FormPanel不仅提供了一种布局管理方式,还支持各种表单元素,如文本框、复选框、下拉...

    ext2.0 DateTimeField控件

    在EXT JS 2.0框架中,DateTimeField控件是一个非常实用的组件,它扩展了基本的DateField控件,提供了更丰富的日期时间选择功能,包括小时、分钟和秒的显示与选择。这个控件是为了解决用户需要输入精确到秒的日期时间...

    ExtJs_xtype一览

    - `statusbar`:`Ext.StatusBar`,用于显示应用的状态信息,可以包含状态指示符、文本和操作按钮。 2. **容器及数据类组件** - `window`:`Ext.Window`,创建可弹出的浮动窗口,具有关闭、最大化、最小化等特性。...

    ext学习资料ext学习资料

    在本文中,我们将深入探讨Ext Js的核心组件,包括Grid、Form和Tree,并讨论如何在项目中有效地引入和使用Ext Js。 1. **Grid组件** Grid是Ext Js中用于展示和操作表格数据的关键组件。`Ext.grid.GridPanel`允许你...

    Ext与后台数据库交互

    - 在`Panel`的`items`配置中添加自定义元素,并通过设置`xtype: 'box'`来确保元素正确显示。 示例代码如下: ```javascript var panel = new Ext.Panel({ border: false, layout: 'anchor', region: 'north', ...

    ext2.0

    例如,`Mis.Ext.CrudPanel` 是一个基于 `Ext.Panel` 的扩展,用于创建具有 CRUD 功能的面板。它使用 `Ext.extend()` 方法来实现类的继承,这样就可以复用和扩展已有的组件功能。 在 CRUD 面板的实现中,可以看到 `...

    老师整理的extjs学习笔记

    `Ext.form.FormPanel` 提供了许多配置选项,包括但不限于: - **title**: 表单的标题。 - **frame**: 是否使用边框。 - **bodyPadding**: 内容区域的内边距。 - **labelWidth**: 标签的宽度。 - **items**: 表单中...

    Ext 动态加载表单数据

    在Ext JS这个强大的JavaScript框架中,动态加载表单数据是一种常见的功能需求,特别是在构建数据驱动的应用程序时。本文将深入探讨如何使用JSON格式的数据来实现这一功能,以便于灵活地更新和显示表单内容。 首先,...

    Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2

    这个API文档的中文版,"Ext_2.2_API(chinese).rar_Ext 2.2 API_ext js 2_ext-2.2 api_ext2.2",是针对Ext JS 2.2框架的重要参考资料,对于开发者来说尤其有价值,特别是那些中文为母语的开发者,它使得理解框架的...

Global site tag (gtag.js) - Google Analytics