[Ext.Net]动态生成控件(二)--js动态添加文本框
转自:http://www.ext.net.cn/forum.php?mod=viewthread&tid=11931
点击一个按钮就出现一行控件,点击删除控件就可将一行控件删除,这是不是你一直以来都想实现的需求呢?
本帖就来解答这个问题:
首先先放几个效果图,看你是不是需要这样的需求,如果是再往下看帖哦。
- 下图是刚开始的状态
- 下图是新增了几行控件的状态
- 下图是删除了第二行的状态
接下来是实现的方法:
- 上面的第一张图(默认状态下)是在需要在前台布局的 代码如下
- <ext:Window ID="winEdit">
- Width="700" Hidden="true" Modal="true" Title="課件地址" AutoScroll="true" ButtonAlign="Center">
- <items>
- <ext:panel ID="pnl_urls">
- <content>
- <table>
- <tbody>
- <tr>
- <td>
- <ext:Label ID="lbl_url_txt">
- <ext:Button ID="btn_addurl">
- <Listeners>
- <Click Fn="newurl" />
- </Listeners>
- </ext:Button>
- </td>
- </tr>
- <tr>
- <td>
- <ext:Panel>
- <Items>
- <ext:TextField ID ="UrlName_1">
- </Items>
- </ext:Panel>
- </td>
- <td>
- <ext:Panel ID ="pnl_classurl">
- <items>
- <ext:TriggerField ID ="url_1">
- <Listeners>
- <TriggerClick Fn ="delurl" />
- </Listeners>
- </ext:TriggerField>
- </items>
- </ext:Panel>
- </td>
- </tr>
- </tbody>
- </table>
- </content>
- </ext:panel>
- </items>
- <buttons>
- <ext:Button ID ="btn_saveurls">
- <Listeners>
- <Click Handler ="SaveEdit()" />
- </Listeners>
- </ext:Button>
- <ext:Button ID ="btn_cancelurls">
- <Listeners>
- <Click Handler ="CancelEdit()" />
- </Listeners>
- </ext:Button>
- </buttons>
- </ext:Window>
复制代码
- 上面的第二张图(新增行状态下)是在页面上"新增课件地址"的按钮上家点击事件的完成的 js代码如下
- //新增課件地址文本框
- function>
- panel.doLayout();
- //課件標籤
- var>
- pnl.doLayout();
- var>
- var>
- var>
- var Nameid = "UrlName_" +>
- id:>
- trigger.setValue(ismark);
- }
- panel.insert(parseInt(items + 1),>
- label = "課件" + (parseInt(panel.items.items[items - 1].id.split('_')[1]) + 1).toString();
- }
- var>
- id: Nameid,
- fieldLabel: " ",
- labelWidth: 5,
- labelSeparator: " ",
- width: 100,
- value: label
- })
- pnl.insert(parseInt(items + 1), txt);
- pnl.doLayout();
- }
复制代码
- 上面的第三张图(删除状态下)是在页面新增完的行最右边的“X”点击事件完成的 js代码如下
- //移除課件地址文本框
- function>
- var>
- if (panel.items.length > 1) {
- panel.remove(el);
- panel.doLayout();
- pnl.remove(Ext.getCmp("UrlName_" +>
- var>
- if (panh <= "380") {
- if (winh >= "140") {
- Ext.getCmp("winEdit").setHeight(parseInt(Ext.getCmp("winEdit").getHeight()) - 25);
- }
- }
- }
复制代码
[Ext.Net]动态生成控件(二)--js动态添加文本框的更多相关文章
- Silverlight动态生成控件实例
刚学习Silverlight,做了一个动态创建控件的实例 实现结果:根据已有的控件类名称,得到控件的实例化对象 实现思路1:就是定义一个模板文件,将类名做为参数,在silverlight中使用Srea ...
- Asp.net web form 动态生成控件的注意事项
Asp.net页面生命周期 页面初始化 Page_Init 加载View State LoadViewState 回发数据处理 LoadPostData ...
- Asp.net中使用文本框的值动态生成控件的方法
这篇文章主要介绍了Asp.net中使用文本框的值动态生成控件的方法,非常不错,具有参考借鉴价值,需要的朋友可以参考下 看到一个网友,有论坛上问及,动态的生成checkbox控件,在文本框中输入一个“花 ...
- WPF: WrapPanel 容器的数据绑定(动态生成控件、遍历)
原文:WPF: WrapPanel 容器的数据绑定(动态生成控件.遍历) 问题: 有一些CheckBox需要作为选项添加到页面上,但是数目不定.而为了方便排版,我选择用WrapPanel ...
- Winforn中使用代码动态生成控件
场景 有时候需要根据配置文件在窗体中使用代码动态生成控件. 比如读取xml配置文件中的节点数量,然后在窗体中生成指定数量的RadioGroup控件. 实现 新建一个窗体,在窗体的加载完之后的事件中 p ...
- Unity UGUI动态生成控件
一. 首先你得先清楚RectTransform组件的一些程序控制 1. 先得到UGUI控件上面的RectTransform组件 RectTransform rtr = gameObject.GetCo ...
- (五)ASP.NET中动态生成控件
今天被问到如何在ASP.NET 页面中动态创建一批控件,并且希望在后续代码中能访问到这些动态创建的控件.我用下面的例子来解释这个问题 ================================= ...
- (四)动态生成控件,点击button添加控件
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- c# winform动态生成控件与获取动态控件输入的值
差不多有2年没有写winform程序,一直都是写bs.最近项目需要,又开始着手写一个小功能的winform程序,需要动态获取xml文件的节点个数,生成跟节点个数一样的textbox, 最后还要获取操作 ...
随机推荐
- Go 语言多维数组
Go 语言支持多维数组,以下为常用的多维数组声明方式: var variable_name [SIZE1][SIZE2]...[SIZEN] variable_type 以下实例声明了三维的整型数组: ...
- ReactNative 4Android源码分析二: 《JNI智能指针之实现篇》
文/Tamic http://blog.csdn.net/sk719887916/article/details/53462268 回顾 上一篇介绍了<ReactNative4Android源码 ...
- webpack 1.x 配合npm scripts管理多站点
需求场景: 希望通过一个webpack文件夹管理多个站点的打包流程. 假设现在我要为站点domain配置打包流程. npm 添加淘宝镜像 你懂得 vim ~/.npmrc registry = htt ...
- 安卓高级3 RecyclerView结合SwipeRefreshLayout并添加上拉
目录结构: 效果图: MainActivity.java package qianfeng.com.pullrecyclerviewdemo; import android.os.Bundle; im ...
- [CSDN_Markdown]使用LaTeX基本数学公式
简介 以前我很头疼在博文里写公式,一直期盼CSDN的博文编辑器能支持LaTeX 公式输入,今天终于可以使用这个功能了!此文主要讨论如何在CSDN的Markdown编辑器中写 LaTeX 公式! 使用L ...
- Android Studio下多渠道打包
Android Studio下实现多渠道打包 直接上步骤 步骤 1. 清单文件添加属性(以友盟统计为例) 在application标签下添加meta-data属性 <application -- ...
- 十六进制字符串转化为十进制值strtoul函数
eg: NSString *strtest =@"7fffffff"; NSUInteger val = strtoul([[strtest substringWithRange: ...
- FFmpeg源代码简单分析:日志输出系统(av_log()等)
===================================================== FFmpeg的库函数源代码分析文章列表: [架构图] FFmpeg源代码结构图 - 解码 F ...
- (一二三)基于GCD的dispatch_once实现单例设计
要实现单例,关键是要保证类的alloc和init只被调用一次,并且被自身强引用防止释放. 近日读唐巧先生的<iOS开发进阶>,受益匪浅,通过GCD实现单例就是收获之一,下面把这个方法与大家 ...
- 关于tomcat中Servlet对象池
Servlet在不实现SingleThreadModel的情况下运行时是以单个实例模式,如下图,这种情况下,Wrapper容器只会通过反射实例化一个Servlet对象,对应此Servlet的所有客户端 ...