使用 Ext-js 开发 ui

发布于 2024-12-07 15:46:34 字数 669 浏览 0 评论 0原文

我是 Ext-js 的新手。我正在开发一个表单。但无法将其对齐到中心。 这是我的代码,

Ext.onReady(function()
{

    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';



  var reg_form = new Ext.FormPanel({
  renderTo: document.body,
  title: 'Employee Registration Form',
  width:600,
  height:500,
  bodyStyle: 'padding:10px 10px 15px 15px;background:#dfe8f6;',
  items: [

  {

    xtype: 'numberfield',
    fieldLabel: 'Employee Id',
    name: 'id',
    decimalPrecision:2,
    allowBlank: false
  },
  {

    xtype: 'textfield',
    fieldLabel: 'Employee Name',
    name: 'name',
    allowBlank: false,
     vtype:'alpha'

  }
]
 });

});

提前谢谢您。

I m new to Ext-js .I m developing a form.but not able to allign it to center.
This is my code

Ext.onReady(function()
{

    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';



  var reg_form = new Ext.FormPanel({
  renderTo: document.body,
  title: 'Employee Registration Form',
  width:600,
  height:500,
  bodyStyle: 'padding:10px 10px 15px 15px;background:#dfe8f6;',
  items: [

  {

    xtype: 'numberfield',
    fieldLabel: 'Employee Id',
    name: 'id',
    decimalPrecision:2,
    allowBlank: false
  },
  {

    xtype: 'textfield',
    fieldLabel: 'Employee Name',
    name: 'name',
    allowBlank: false,
     vtype:'alpha'

  }
]
 });

});

Thank you in advanced.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

没有心的人 2024-12-14 15:46:34

您需要应用 css 来执行此操作,或使用 x & formpanely 配置

You'll need to apply css to do that, or use the x & y configs of formpanel

烟柳画桥 2024-12-14 15:46:34

解决此问题的另一种方法:
使用

Ext.Window({
     maximizeble : false, 
     resizeble : false,
     closable: false, 
     minimizeble: false,
     ...
})

One more way to solve this problem:
use

Ext.Window({
     maximizeble : false, 
     resizeble : false,
     closable: false, 
     minimizeble: false,
     ...
})
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文