ExtJS Form

最新推荐文章于 2024-07-25 07:53:24 发布
最新推荐文章于 2024-07-25 07:53:24 发布
阅读量362 收藏
点赞数
文章标签： extjs stylesheet html function layout 电话
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAC2007/article/details/6640222
版权
 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
 <HEAD>
  <TITLE>ExtJS</TITLE>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link rel="stylesheet" type="text/css" href="../../resources/css/ext-all.css" />
  <script type="text/javascript" src="../../adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src="../../ext-all.js"></script>
 
  <script type="text/javascript">    
 Ext.onReady(function(){
    new Ext.Panel({
         renderTo:Ext.getBody(),
      //renderTo:'Form',
      // title:'容器组件',
      title:'用户信息',     
      width:300,
      layout:'form',
      hideLabels:false,
      labelAlign:'right',
      height:200,
      defaultType:'textfield',
      items:[
      {fieldLabel:'请输入姓名',name:'name'},
      {fieldLabel:'请输入地址',name:'address'},
      {fieldLabel:'请输入电话',name:'tel'}
      ]}
  );
 }); 
  </script>
 </HEAD>

 <BODY>
  <!-- <div align='center' id="Form"></div> -->
 </BODY>
</HTML>

MAC2007
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
学习ExtJS form布局
01-21
一、 Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels：tru表示隐藏标签，默认为false。 ...
extjs form textfield的隐藏方法
10-30
只需将textfield的hidden和hideLabel配置为true就可以了。只设置hidden:true时会显示出来一个：的标签。
Extjs form 取值 赋值 重置
zyjustin9的专栏
10-22 1383
Extjs form 取值 赋值 重置   一、从form中获取field的三个方法：   1、 Ext.getCmp('id'); 2、 FormPanel.getForm().findField('name'); 3、 Ext.get('id/name');//前提是FormPanel在界面上显示出来了!!!   二、ExtJS如何给textfiel...
Extjs Form用法详解（适用于Extjs5）
CHCH998的博客
08-16 2101
Extjs Form是一个比较常用的控件，主要用来显示和编辑数据的，今天这篇文章将介绍Extjs Form控件的详细用法，包括创建Form、添加子项、加载和更新数据、验证等。 本文的示例代码适用于Ex
Extjs Form用法详解
weixin_34067980的博客
11-02 143
2019独角兽企业重金招聘Python工程师标准>>> ...
ExtJS form表单控件创建
祥子的博客
08-08 2499
2 3 4 5 6 7 8 9 10 11 12 .x-form-unit 13 { 14 height: 22px; 15 line-height: 22px; 16
extjs form java_extjs上传excel文件表单formpanel到java后台完整案例
weixin_39524574的博客
02-15 267
extjs上传excel文件表单formpanel完整案例，首先弹出一个框，里面有一个extjs form表单,点击按钮可以选择文件，然后点击确定按钮提交表单到服务器,服务器接收代码以接收处理excel文件为例。1.extjs客户端上传文件表单formpanel代码：varuploadWin=newExt.Window({modal:true,title:"批量导入记录",width:400...
extjs form 取值 赋值 重置
05-08 1928
一、从form中获取field的三个方法：１、Ext.getCmp('id');２、FormPanel.getForm().findField('id/name');３、Ext.get('id/name');//前提是FormPanel在界面上显示出来了。二、ExtJS如何给textfield赋值的三个方法：var value="值";１、 fs.form.findField(id/name).se
extjs form java_ExtJS4.2学习(17)表单基本输入控件Ext.form.Field
weixin_29801567的博客
02-15 176
Ext.form.Field是所有表单输入控件的基类，其他的输入控件都是基于Ext.form.Field扩展得来的。 Ext.form.Field中定义了输入控件通用的属性和功能函数，这些通用的属性和功能函数大致分为3大类：页面显示样式、控件参数配置和数据有效性检验。我们先来看看表单输入控件可以使用的校验显示方式。默认情况下，这些输入控件会监听blur事件，如果数据校验失败，就会根据msgTarg...
extjs form submit 总是执行failure
dianjin3567的博客
07-28 360
代码： function createWeekReort() { if (form.getForm().isValid()) { Ext.Msg.confirm("提示", "确认生成月报台账吗？", function (a) { if (a == "yes") { ...
extjs form java_[Java教程]ExtJS入门教程02，form也可以很优雅
weixin_32413177的博客
02-15 83
[Java教程]ExtJS入门教程02，form也可以很优雅0 2014-03-28 12:00:40在上一篇《Extjs window 入门》中，我们已经看到了如何将一个form组件放到window中，今天我们来看看form的一些优雅的工作方式。使用fieldDefaults，优雅的设置字段默认值form中的子项，通常都是field控件，而这些field控件通常都会使用一些相同的配...
extjs form表单提交返回成功与否
weixin_34419321的博客
06-26 305
为什么80%的码农都做不了架构师？>>> ...
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
10-28
用了一个方法解决了此问题，但是老是感觉这样解决了很不爽，各位有没有遇到过这种问题，请指点一下。
extjs form builder
08-02
NULL 博文链接：https://jeremy102.iteye.com/blog/1961672
Web前端：HTML篇（一）
sjb2274540432的博客
07-22 979
超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。您可以使用 HTML 来建立自己的 WEB 站点，HTML 运行在浏览器上，由浏览器来解析。
Python爬虫技术 第13节 HTML和CSS选择器
hummhumm的专栏
07-25 899
在爬虫技术中，解析和提取网页数据是核心部分。HTML 和 CSS 选择器被广泛用于定位网页中的特定元素。下面将详细介绍这些选择器如何在 Python 中使用，特别是在使用像 Beautiful Soup 或 Scrapy 这样的库时。
前端开发知识(一)-html
modi000的博客
07-24 562
2.前端开发的三剑客：html、css、javascript。Element（饿了么开发的） ：前端组件库。Vue可以简化JavaScpript流程。Ngix：前端服务器。
qt练习控件label控件-lineEdit控件样例代码
最新发布
07-30
qt练习控件label控件-lineEdit控件样例代码
【JCR一区级】麻雀搜索算法SSA-CNN-LSTM-Attention故障诊断分类预测【含源码 5689期】.zip
07-30
CSDN海神之光上传的全部代码均可运行，亲测可用，直接替换数据即可，适合小白； 1、代码压缩包内容 主函数：Main .m； 数据； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，可私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开除Main.m的其他m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博主博客文章底部QQ名片； 4.1 CSDN博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 智能优化算法-CNN-LSTM-Attention分类系列程序定制或科研合作方向： 4.4.1 遗传算法GA/蚁群算法ACO-CNN-LSTM-Attention分类 4.4.2 粒子群算法PSO/蛙跳算法SFLA-CNN-LSTM-Attention分类 4.4.3 灰狼算法GWO/狼群算法WPA-CNN-LSTM-Attention分类 4.4.4 鲸鱼算法WOA/麻雀算法SSA-CNN-LSTM-Attention分类 4.4.5 萤火虫算法FA/差分算法DE-CNN-LSTM-Attention分类
Extjs form 提交
08-30
ExtJS 提交表单的方式有多种，其中比较常用的方式是使用 Ext.form.Panel 的 submit 方法来提交表单数据。以下是一个示例代码： ```javascript Ext.create('Ext.form.Panel', { title: 'My Form', width: 300, height: 200, bodyPadding: 10, renderTo: Ext.getBody(), items: [{ xtype: 'textfield', name: 'name', fieldLabel: 'Name' }, { xtype: 'textfield', name: 'email', fieldLabel: 'Email' }], buttons: [{ text: 'Submit', handler: function() { var form = this.up('form').getForm(); if (form.isValid()) { form.submit({ url: 'submit.php', // 提交到的 URL 地址 success: function(form, action) { Ext.Msg.alert('Success', action.result.msg); }, failure: function(form, action) { Ext.Msg.alert('Failed', action.result.msg); } }); } } }] }); ``` 在上述代码中，我们创建了一个 Ext.form.Panel，并添加了两个文本框作为表单项。按钮的点击事件中，通过 `getForm()` 方法获取表单实例，然后调用 `submit` 方法提交表单数据。在 `submit` 方法的配置项中，需要指定提交的 URL 地址，以及成功和失败的回调函数。成功时会弹出一个成功提示框，失败时会弹出一个失败提示框。 请根据你的具体需求修改代码中的表单项、URL 地址和回调函数。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值