`
andrew.yulong
  • 浏览: 169770 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

ext2.0 实现innerHTML

阅读更多
  最近在搞ext2.0,为了它的效果,一切困难都是值得的。嘿嘿。
  做一个在编辑时,动态增加表单一行的功能,如果用纯js的话就是innerHTML。但是ext2.0有没有封装?或者更好的实现?谢过。
分享到:
评论
7 楼 andrew.yulong 2008-06-10  
哎! 搞出来了,结贴
6 楼 andrew.yulong 2008-06-10  
其实已经动态增加了一行,但是FormPanel没更新
5 楼 andrew.yulong 2008-06-10  
{
                text : ' 返 回 ',
                handler : function() {
                    //newFormWin.hide();
					  var one = new Ext.form.TextField({value : 'one',  
                          name : 'one',  
                          fieldLabel: 'one'  
                     });                     
             		form1.items.add(one);
					form1.render(); 
                }
            }

这样添加,为什么要把火狐地下的小绿点点击一下,动态添加的行才显示出来啊?极度郁闷
4 楼 andrew.yulong 2008-06-10  
刚刚看API,发现form有个方法
insert( Number index, Ext.Component component ) : Ext.Component
Inserts a Component into this Container at a specified index. Fires the beforeadd event before inserting, then fires ...
Inserts a Component into this Container at a specified index. Fires the beforeadd event before inserting, then fires the add event after the Component has been inserted.
Parameters:

    * index : Number
      The index at which the Component will be inserted into the Container's items collection
    * component : Ext.Component
      The child Component to insert.

      Ext uses lazy rendering, and will only render the inserted Component should it become necessary.

      A Component config object may be passed in order to avoid the overhead of constructing a real Component object if lazy rendering might mean that the inserted Component will not be rendered immediately. To take advantage of this "lazy instantiation", set the Ext.Component.xtype config property to the registered type of the Component wanted.

      For a list of all available xtypes, see Ext.Component.

Returns:

    * Ext.Component
      component The Component (or config object) that was inserted with the Container's default config values applied.



第一个参数应该是行数,第二个参数不知道是什么?
3 楼 andrew.yulong 2008-06-10  
没有人吗?
  如果是grid动态添加一行的话store.insert的方法
  但是表单的话,FormPanel应该怎么写呢?期待回答
2 楼 andrew.yulong 2008-06-10  
就是说如果不用ext框架的话可以用innerHTML
  但是我想这普片的功能应该会封装吧?
1 楼 fixopen 2008-06-10  
什么是纯 js ?能不能使用 DOM 规范?如果可以使用,那么就完全可以不使用innerHTML。

相关推荐

    利用innerHTML实现隐显效果-两种实现方法

    本文将探讨如何利用innerHTML实现页面元素的隐藏与显示效果,同时提供两种不同的实现方法。 首先,我们需要理解innerHTML的工作原理。innerHTML允许我们获取或设置一个元素的所有子节点,包括文本、HTML标签等。当...

    innerHtml(转)

    1. **innerHTML的基本用法**:如何通过`innerHTML`读取和修改元素的内容。例如,`element.innerHTML`返回元素的HTML,而`element.innerHTML = someHTMLString`则将元素内容替换为指定的HTML字符串。 2. **性能影响*...

    解析Vue2.0双向绑定实现原理

    Vue 2.0 的双向绑定实现原理是其核心特性之一,这一机制使得数据模型与视图之间保持同步,极大地简化了前端开发。本文将深入探讨 Vue 如何利用数据劫持和发布-订阅者模式实现这一功能。 首先,我们需要理解前端MVVM...

    python的xpath获取div标签内html内容,实现innerhtml功能的方法

    python的xpath没有获取div标签内html内容的功能,也就是获取div或a标签中的innerhtml,写了个小程序实现一下: 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签,...

    Lightbox JS V2.0代码.rar

    Lightbox JS V2.0是一款经典的JavaScript库,用于在网页上实现优雅的图片弹出展示效果,常用于创建图片相册或展示大图。这个压缩包文件“Lightbox JS V2.0代码.rar”很可能包含了实现这一功能的所有源代码、样式表、...

    innerHTML的简单应用

    innerHTML的简单应用

    关于在innerHTML中JS不执行的问题

    首先,我们需要理解`innerHTML`的工作原理。当设置一个元素的`innerHTML`时,浏览器会做以下几件事: 1. 清空当前元素的所有子节点。 2. 解析新设置的HTML字符串,生成一个DOM树。 3. 将新的DOM树插入到原始元素的...

    使用Ext.UpdateManager实现页面任意部分自动刷新处理

    ### 使用Ext.UpdateManager实现页面任意部分自动刷新处理 在现代Web开发中,为了提供更加流畅、实时的用户体验,页面的部分内容或组件需要定时更新。这种更新通常涉及到与服务器的交互,以便获取最新的数据并将其...

    innerHTML的使用

    innerHTML的使用document.getElementById("id").innerHTML = "contenttext";

    Web2.0之Ajax 学习笔记与应用实例

    ### Web2.0之Ajax 学习笔记与应用实例 #### 一、Ajax简介 Ajax(Asynchronous JavaScript and XML)是一种结合了多种技术的前端开发技术,它利用JavaScript与服务器进行异步通信,使得Web应用能够更加流畅地更新...

    ext教程

    name: target.innerHTML }; } } }); var dropZone = new Ext.dd.DropZone('droppable', { onNodeOver: function(target, dd, e, data) { return this.dropOk; }, onNodeDrop: function(target, dd, e, data...

    ASP.NET2.0(C#)基础教程part2

    ASP.NET 2.0 是微软推出的用于构建动态网站和web应用程序的框架,它基于.NET Framework 2.0。本教程主要关注的是使用C#语言进行ASP.NET开发的基础知识。 首先,ASP.NET页面的扩展名是.aspx,这表明该文件是一个ASP...

    innerHTML和innerText的区别

    innerHTML 属性 innerHTML 属性用于获取 HTML 元素中的所有内容,包括 HTML 标签。例如,在上面的代码中,test.innerHTML 的值就是“<span style="color:red">test1</span> test2”,包括 HTML 标签。 innerHTML ...

    S版易语言代码框 Ecode2.0

    此外,还可以考虑使用条件注释、特性检测或其他技术来针对不同浏览器提供不同的实现策略。 至于压缩包内的文件名为"lab",这可能是代码示例、测试项目或者实验文件的简写。在易语言环境中,这类文件通常包含了示例...

    解决ajax返回innerHTML中javascript不能运行问题

    在实现中,我们可以使用 JavaScript 函数来处理 Ajax 返回的数据,例如: ```javascript function get_div_content(divid) { // ... xmlHttp.onreadystatechange = function() { if (xmlHttp.readyState == 4) {...

    js中innerHTML与innerText的用法与区别

    ### JavaScript中的innerHTML与innerText的用法与区别 在前端开发中,经常需要用到JavaScript来操作DOM元素,其中`innerHTML`和`innerText`是非常重要的属性,它们分别用于获取或设置元素内部的HTML内容和纯文本...

    react-Innerself使用innerHTML将ReactRedux转换成50行代码

    Innerself是一种轻量级的解决方案,通过innerHTML属性来实现React组件的渲染,以此达到精简代码的目的。在传统的React与Redux组合中,大量的代码用于状态管理和组件的生命周期处理,而Innerself的目标则是减少这些...

    通过改变innerHTML的内容,动态增加选择项

    在创建动态选择项,即`<select>`元素的选项时,我们可以利用`innerHTML`来实现。例如,假设我们有一个空的`<select>`元素,我们可以通过以下方式向其中添加新的`<option>`元素: ```html <select id="mySelect"></...

    javascript table排序 2.0 (更新)

    5. **更新表格**:将排序后的数据重新插入到表格中,可以使用DOM操作如`innerHTML`或`insertBefore()`来实现。 在JavaScript Table排序2.0的更新中,可能包括以下改进: - **性能优化**:对于大数据量的表格,可能...

Global site tag (gtag.js) - Google Analytics