EXTJS.insert()行置顶问题：如何将行添加至容器/store底部？

看起来你现在遇到的是手动创建容器组件后，插入位置默认在顶部的问题。其实有两种简单的方式可以把新行放到容器底部，分情况给你说明：

情况1：手动向父容器添加组件 #

如果你的代码里是用父容器的insert()方法来添加新创建的filter容器，那默认传0作为索引的话就会插在最前面。要放到底部的话，有两个选择：

• 直接使用add()方法：ExtJS容器的add()方法默认会把新组件追加到子组件列表的最后，也就是容器底部。把原来的insert换成add就行：

  // 假设你的父容器是 this.parentContainer
  this.parentContainer.add(filter);
  

• 如果一定要用insert()：可以传入父容器当前子组件的数量作为索引，这样就会插在最后一位：

  this.parentContainer.insert(this.parentContainer.items.length, filter);
  

情况2：通过Store绑定视图渲染行 #

如果你是通过Store来驱动视图（比如DataView、Grid或者自定义的绑定容器），那新增记录时出现在顶部大概率是因为你用了store.insert(0, newRecord)。要把记录加到底部的话，改用store.add(newRecord)就可以了——add()方法会把新记录追加到Store的末尾，视图也就会把新行渲染在底部了。

另外提个小建议：看你代码里把创建的typeCombo直接赋值给this.typeCombo，如果多次创建filter容器的话，这个属性会被不断覆盖，后续可能找不到之前的组件。可以考虑给ComboBox配置reference属性，或者把组件引用存在filter容器的自定义属性里，方便后续管理。

内容的提问来源于stack exchange，提问作者user1234