`
fming09
  • 浏览: 61241 次
  • 性别: 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.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....

    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几个实例

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

    Ext table布局实例 formpanel的table布局

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

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

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

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

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

    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框架的重要参考资料,对于开发者来说尤其有价值,特别是那些中文为母语的开发者,它使得理解框架的...

    ext判断该用户是否在数据库中存在

    在上面的代码中,我们可以看到使用了 Ext.Ajax.request 方法来发送 AJAX 请求,检测用户名是否已经存在于数据库中。在服务器端,可以使用数据库查询来检测用户名是否已经存在于数据库中。如果用户名已经存在,则返回...

    ExtJs4.0 表单提交Demo

    在“ExtJs4.0 表单提交Demo”中,我们将深入探讨如何在ExtJs 4.0环境下,通过Ext Ajax模块实现表单的数据提交,同时实现显示层和控制层的分离,提升代码的可维护性和可扩展性。 1. **ExtJs 4.0 表单基础** ExtJs ...

Global site tag (gtag.js) - Google Analytics