在ExtGridPanel开发中，数据加载后自动选中行，需监听store的load事件，在回调中调用selectRows()，确保DOM渲染完毕再选择，避免因数据未渲染导致选中无效或位置错乱。这是确保选择可靠性的关键。

ExtJS中Store的reload方法本质调用load，但会复用上一次请求的lastOptions参数，完全忽略新传入参数；而load则接收新配置，处理远程排序等功能，最终通过Proxy发起HTTP请求。

在Extjs开发中，Label组件的fieldLabel与html属性值常出现错位。通过相对定位样式`position:relative;top:2px;`使标签向下偏移2像素即可对齐。具体top值需根据字体行高微调，一般不超过4像素。此方法仅影响当前实例，便于维护。

在ExtJS开发中，组件的ID必须唯一，否则会产生僵尸对象及后续操作混乱。解决方式主要有两种：第一种方法是放弃ID，通过其他属性如name等查找组件；第二种方法是采用父组件ID与子模块标识组合的方式，确保唯一性。

利用Ext框架的GridPanel组件，可动态修改表格数据与样式。通过SelectionModel获取选中行，调用set方法更新字段值；利用store索引定位行DOM元素，直接修改CSS属性实现字体颜色等样式调整，适用于表单联动、状态标记等场景。

ExtJS 作为一款功能完备的前端 UI 框架，此前我并未正式上手使用过，但知道它与 EasyUI、BUI、DWZ 等属于同类框架，只是 ExtJS 能力更强、体系更庞大。今天之所以专门记录这个细节，是因为它非常实用——说不定哪天你也会遇到完全相同的坑。 事情的起因是这样：一位朋友在 ExtJS 中

复选框（CheckBox）在Web开发中相当常见，主要用于实现多选功能，例如选择多个拒绝原因或配置项。以下示例演示如何在Ext JS中创建一个弹出窗口，供用户勾选拒绝表单的原因。 先来看效果图（UI设计较为简洁，仅供参考）： 弹出窗口通过Ext Window实现，核心代码如下： 复制代码 代码如下:

利用ExtJS4的CheckboxGroup可实现Grid列显隐控制。通过监听checkbox的change事件，用itemId获取列对象并调用setVisible切换。优化性能时，先将checkbox配置组装为数组，再一次性添加，避免逐个添加导致的加载延迟。此方案自动适配后台返回的列信息。