如图,我点击“点击生成下一行”按钮后在4个文本框和上传文件之间添加4个组件
请问Ext能实现这种功能吗?
function gcglb_gcxxgl_jsrydt_add(xmid)
{
Ext.QuickTips.init();
Ext.form.Field.prototype.msgTarget = 'side';
var fp = new Ext.FormPanel
(
{
frame:true,
width:'99%',
waitMsgTarget : true,
border:true,
bodyStyle:'width:707',
layout:'column',
waitMsgTarget : true,
autoScroll:false,
fileUpload : true,
items:[
{
columnWidth:1,
layout:'column',
items:[
{
columnWidth:0.25
},{
columnWidth:0.55,
layout:'form',
labelWidth:128,
style:'padding-top:10px',
items:[
{
xtype:'textfield',
fieldLabel:'<font size="2">技术人员信息标题</font>',
width:150,
name:'Title'
}
]//items3 over
},{
columnWidth:0.2
}
]//items2 over
},{
columnWidth:1,
layout:'column',
items:[
{
columnWidth:0.75
},{
columnWidth:0.25,
layout:'form',
labelWidth:40,
style:'padding-top:10px',
items:[
{
xtype:'textfield',
fieldLabel:'<font size="2">编号</font>',
width:100,
name:'Bh'
}
]//items3 over
}
]//items2 over
},{
columnWidth:1,
style:'padding-top:10px',
layout:'column',
bodyStyle:'text-align:center',
items:[{
columnWidth:0.25,
html:"<font size='2'>技术类别</font>"
},{
columnWidth:0.25,
html:"<font size='2'>地 区</font>"
},{
columnWidth:0.25,
html:"<font size='2'>供求情况</font>"
},{
columnWidth:0.25,
html:"<font size='2'>基本工资水平</font>"
}]
},{
columnWidth:1,
style:'padding-top:3px',
layout:'column',
bodyStyle:'text-align:center',
items:[{
columnWidth:0.25,
items:[{
columnWidth:0.25,
items:[{
xtype:'textfield',
maxLength:50,
width:150,
name:'Jslb'
}]
}]
},{
columnWidth:0.25,
items:[{
columnWidth:0.25,
items:[{
xtype:'textfield',
maxLength:50,
width:150,
name:'Dq'
}]
}]
},{
columnWidth:0.25,
items:[{
columnWidth:0.25,
items:[{
xtype:'textfield',
maxLength:50,
width:150,
name:'Gqzk'
}]
}]
},{
columnWidth:0.25,
items:[{
columnWidth:0.25,
items:[{
xtype:'textfield',
maxLength:50,
width:150,
name:'Gzzk'
}]
}]
}]
},{
columnWidth:1,
layout:'column',
style:'padding-top:8px;padding-left:14',
layout:'form',
labelWidth:70,
items:[{
anchor: '45%',
allowBlank: true,
msgTarget: 'side',
xtype: 'fileuploadfield',
id: 'filepath',
name: 'filepath',
emptyText: '请选择一个文件',
fieldLabel: '<font size="2">上传文件</font>',
buttonCfg: {
text: '',
iconCls: 'upload-icon'
}
}]//itmes2 over
},{
columnWidth:1,
style:'padding-top:8px;padding-left:14',
items:[{
xtype:'button',
text:'点击生成下一行',
handler:function(){
var _panel = this.ownerCt;
var _textfield = new Ext.form.TextField({
width:150
});
_panel.add(_textfield);
}
}]
}
]//items1 over
,buttons:[
{
id:'btnOk',
text:'确 定',
handler:function()
{
Ext.MessageBox.show
(
{
msg: '正在保存,请稍等...',
progressText: 'Saving...',
width:300,
wait:true,
waitConfig: {interval:200},
icon:'download',
animEl: 'saving'
}
);
fp.form.submit
(
{
url:'../../MyAshx/Gcglb/add/gcglb_gcxxgl_sgjs.ashx?xmid='+xmid,
method:'post',
success:function(form,action)
{
var flag = action.result.success;
if (flag == true)
{
Ext.MessageBox.alert('恭喜','添加信息成功!');
Datas.reload();
newWin.destroy();
}
},
failure:function()
{
Ext.Msg.alert('错误','服务器出现错误请稍后再试!');
}
}
);
}
},{
text:'关 闭',
handler:function()
{
newWin.destroy();
}
}
]
}
);
newWin = new Ext.Window
(
{
layout:'fit',
resizeHandles:'n s',
resizable :true,
width:740,
closable:false,
height:400,
minWidth:740,
frame:true,
minHeight:400,
collapsible:false,
closeAction : 'hide',
autoScroll:true,
plain : false,
modal: 'true',
title : '添加技术人员动态信息',
items : fp
}
);
newWin.show();
}
{ columnWidth:0.25, items:[{ columnWidth:0.25, items:[{
每组checkbox下有一个添加按钮,点击按钮,给checkbox加元素 
NULL 博文链接:https://627443183-qq-com.iteye.com/blog/1725391
FormPanel组件 FormPanel 为 form 表单提供了一个标准的容器. 本质上还是一个标准的 Ext.panel.Panel, 只是自动创建了一个 BasicForm 来管理所有添加到 Panel中的Ext.form.field.Field 对象. 可以快捷方便地...
用的column布局,点击一个按钮能添加一行组件,如文本框,有下拉框等。 如: 效果: 实现方法如下: /*! * Ext JS Library 3.4.0 * Copyright(c) 2006-2011 Sencha Inc. * licensi
Ext.form.ComboBox配置表: allQuery String 发往服务器查询全部信息的查询字符串(默认'') displayField String 被显示在下拉框中字段名 editable Boolean 设置下拉框是否可以编辑(默认true) forceSelection ...
显示访问记录情况(包括访问状态, 最后访问时间等信息 ), 初始时items只有8个控件, 当多一条数据就需要动态的添 加一个控件,因为每次查询都对items结构进行了修改, 为了不影响下次查询的显示结果, 需要回复items...
2019独角兽企业重金招聘Python工程师标准>>> ...
今天我们来学习Ext中的FormPanel。 Ext.form.FormPanel的别名有还有Ext.form.Panel和Ext.FormPanel,它们三个在ExtJs4.0以后就可以通用了。 FormPanel的创建也是通过config配置的 。那么我们来看看FormPanel可以...
//labelAlign参数labelAlign:此参数是指form表单中items各项的label位置,默认值为left,枚举值有left,right,top 1.valueField:"valuefield"//value值字段 2.displayField:"field"//显示文本字段 ...
Javascript代码 //表单开始------------------------------------------------------ var form = new Ext.form.FormPanel({ title: '编辑学生信息', region: 'east', frame: true,
[size=large][/size] 这个标题非常拗口,但应该能帮助遇到同样问题的朋友baidu到这里。baidu+google了一下午都没找到答案,发这文章时国内似乎还没有...当使用add方法在formPanel中动态添加FieldSet时,尽管控件重...
表单是客户端和服务器交互的一种重要方式,Ext表单控件在界面体验效果的美观度及功能的全面性上都有着首屈一指的影响力,...此外,Ext的树形结构是Ext框架的重要组成部分,可以动态添加、删除或修改节点,实现拖拽和
上篇中我们讨论了Ext.window的简单使用,今天我们要看看强大的FormPanel,也是继承panel组件的使用。首先弄清楚这个问题,创建的时候: //查看源代码便知,两种方法是一样的Ext.form.FormPanel = Ext.FormPanel;...
items:[ var exceptionNumber = 1; var exceptionHandling =new String; { xtype: 'fieldset', title: '异常处理', id:'exceptionHand', defa
今天我们接着深入解析表单元素中ComboBox组件的使用。会涉及到.net简单服务器数据交互,但暂不做深入讨论,以后会详细分析服务器交互相关,不过可能要等较长一段时间,呵呵!5.服务器数据作为ComboBox的数据源实例...
如不指定,则使用缺省的Ext.layout.ContainerLayout类型。 当中有效的值可以是:accordion、anchor、border、cavd、column、fit、form和table。 针对所选择布局类型,可指定#layoutConfig进一步配置。 2...
的FormPanel,也是继承panel组件的使用。 首先弄清楚这个问题,创建的时候: //查看源代码便知,两种方法是一样的 Ext.form.FormPanel = Ext.FormPanel; 我们还是从最简单的代码实例开始吧: html代码...
1、Ext.form.FormPanel支持的主要表单组件 ExtJS表单组件 说明 Xtype类型 Ext.form.field.CheckBox 复选框 checkboxfield Ext.form.CheckBoxGroup 复选框组 checkboxgroup Ext.form.field.ComboBox 下拉...
TimeField时间选择框 示例一:简单应用。 Ext.onReady( function() { Ext.BLANK_IMAGE_URL = "... var formPanle = new Ext.FormPanel({ renderTo:"TestTimeFiel...
用的column布局,点击一个按钮能添加一行组件,如文本框,有下拉框等。 Exmyth 1 /*! 2 * Ext JS Library 3.4.0 3 * Copyright(c) 2006-2011 Sencha Inc. 4 * licensing@sencha.com 5 * ...
2019独角兽企业重金招聘Python工程师标准>>> ...
ExtJS的表单是在html表单的基础上封装来的,样式变成漂亮的样式,但是如果你使用FireBug查看,你就会发现,这些表单控件依然是原来的控件,只是加上了css,让他变得漂亮。 但是如果只是加上css样式,在我看来,...
单一控件的 监听 : { columnWidth : .20, layout : 'form', labelWidth : 80, labelAlign : "right", items : [{ xtype : 'textfield', fieldLabel : L_...
微信小程序源码,包含:图片展示、外卖点餐、小工具类、小游戏类、演绎博览、新闻资讯、医疗保健、艺术生活等源码。
例子主要包括SocketAsyncEventArgs通讯封装、服务端实现日志查看、SCOKET列表、上传、下载、远程文件流、吞吐量协议,用于测试SocketAsyncEventArgs的性能和压力,最大连接数支持65535个长连接,最高命令交互速度达到250MB/S(使用的是127.0.0.1的方式,相当于千兆网卡1Gb=125MB/S两倍的吞吐量)。服务端用C#编写,并使用log4net作为日志模块; 同时支持65536个连接,网络吞吐量可以达到400M。
2020简历模板合集
首先学习Python的基础知识,然后使用Python来控制Excel,做数据处理。 Excel使用者、Python爱好者、数据处理人员、办公人员等 第1章 python基础 1.1 什么是python? 1.2 为什么要学习用Python处理Excel表格? 1.3 手把手教你安装python程序 1.3.1 下载python 1.3.2 安装python 1.3.3 验证是否安装成功 1.4 安装Python集成开发工具PyCharm 1.4.1 下载 1.4.2 安装 1.5 Python的输入与输出
Java系列技术之必学工具Maven是在JavaWeb入门课程的后续课程,也是以后课程里都要用的实用级工具,所以大家一定要学会,Maven 是目前在生产环境下多框架、多模块整合开发的项目自动化构建工具,是我们学习Java的技术人必须要学会的一个工具, 大型项目开发过程中不可或缺的重要工具。 这里将带着大家了解 Maven 的作用,常用命令,配置依赖,以及依赖的范围、依赖的传递性、依赖的排除、生命周期等重要概念,以及继承、聚合、部署的 Maven 配置。全部配置操作,手把手演示操作,绝对能提升大家的实际操作能力!
jdk1.8 64位官方正式版 jdk-8u91-windows