在 Ext 的 GridPanel 开发过程中，一个常见需求是：数据加载完毕后自动选中若干行。例如，希望页面打开时就能高亮显示特定记录。此时若直接调用选择方法通常无效，因为数据尚未加载完成。正确的做法是监听 store 的 load 事件，在回调函数中执行选中操作。
以下是一段简洁的示例代码，仔细阅读即可掌握：
复制代码 代码如下:
this.store.on("load", function(store) {
this.getSelectionModel().selectRows(idxs);
}, this);
代码中的 this 指向当前 GridPanel 实例，而 idxs 则是需要选中的行号数组。将这段逻辑挂载到 store 的 load 事件上，可以确保所有数据渲染完成后才触发选中，从而避免“选中无效”的 bug。
补充同频道和同主题内容，方便继续浏览更多相关内容。
继续查看同栏目最近更新的文章。
子页面键盘事件监听需在DOM加载完成后绑定，父页无法直接监听子页按键，必须由子页自身监听后通过parent或postMessage通知父页。典型写法为子页调用父页已定义的关闭函数。需注意焦点状态、输入法及layui版本兼容性等陷阱。
Layui表单提交不会自动携带页面Meta信息，需在form on( submit )回调中手动读取meta内容并拼接到表单数据，注意后端字段映射及特殊字符编码，多meta时按需选取。
HTML5拖拽事件流易因漏监听或未调用preventDefault而中断。需掌握dragstart设置数据、dragover接受放置、drop触发条件等关键点。通过统一日志捕获事件上下文、识别常见状态丢失场景并配合可视化面板，可清晰定位拖拽过程断点。
通过手写touch事件与transform控制五张卡片，动态计算translateX、scale、opacity及z-index模拟层叠滑动效果。滑动距离超过80rpx触发切换，否则复位。图片仅渲染当前及前后两张，有效优化加载性能与渲染效率。
Canvas图像变形本质是操作坐标系，图像被动跟随。旋转需先平移原点至目标中心再旋转后复位；倾斜通过仿射变换矩阵实现；扭曲无原生API，可用分块模拟或转用WebGL。每次变换前保存状态，完成后恢复，避免坐标系偏移。