前端开发
最新文章
ExtJS 作为一款功能完备的前端 UI 框架，此前我并未正式上手使用过，但知道它与 EasyUI、BUI、DWZ 等属于同类框架，只是 ExtJS 能力更强、体系更庞大。今天之所以专门记录这个细节，是因为它非常实用——说不定哪天你也会遇到完全相同的坑。 事情的起因是这样：一位朋友在 ExtJS 中
复选框（CheckBox）在Web开发中相当常见，主要用于实现多选功能，例如选择多个拒绝原因或配置项。以下示例演示如何在Ext JS中创建一个弹出窗口，供用户勾选拒绝表单的原因。 先来看效果图（UI设计较为简洁，仅供参考）： 弹出窗口通过Ext Window实现，核心代码如下： 复制代码 代码如下:
利用ExtJS4的CheckboxGroup可实现Grid列显隐控制。通过监听checkbox的change事件，用itemId获取列对象并调用setVisible切换。优化性能时，先将checkbox配置组装为数组，再一次性添加，避免逐个添加导致的加载延迟。此方案自动适配后台返回的列信息。
ExtJS4的FormPanel本身没有url配置项，该属性继承自其内部的BasicForm。通过调用getForm()方法获取BasicForm对象后，动态设置其url属性，即可使同一个FormPanel组件在不同父容器中提交到不同URL，从而实现组件灵活重用，避免重复代码。
今天来做一个带明细数据的 Grid 表格，最直接的实现方案是表格嵌套。效果如下图所示，一目了然。 在 Grid 中，每条记录的左侧都有一个“+”号，点击即可展开一个明细子表格。所有数据（包括列名）均从后台获取，目前子表格先用本地数据做测试，方便调试。下面贴出几段核心代码，作为技术记录。 复制代码 代
搜索了许多相关案例后，大多数新手依然不清楚如何将这些示例应用到自己的项目中。通过深入分析源码，我花费了几乎一整夜的时间，终于成功实现了最基本的导出下载功能。与此同时，还修复了两个常见问题：一是重复下载表格时会报错，二是使用 Grid 初始化时出现的 Bug。下面我将完整记录整个配置过程，方便日后复用
许多开发者在利用Extjs的FileUploadField组件进行文件上传时，都曾遇到过类似困扰。实际上，FileUploadField是Ext框架的一个扩展插件，在官方API文档中并未收录——它位于examples目录下的ux文件夹中。因此，在使用前必须手动引入该插件。 然而，实际使用中会出现一个
在ExtJSGrid中嵌入图片展示状态或触发操作，常用方法有：renderer函数动态切换图标，onclick或cellClick事件处理点击，以及actioncolumn组件规范管理图标与点击逻辑，适用于编辑、删除等复杂交互。
通过记录节点路径，在树刷新后调用expandPath展开路径并选中目标节点。3 x版本需显式调用select方法，4 x版本建议在回调函数中添加select方法以确保节点被选中。后台返回的JSON数据必须包含id属性，否则路径定位将会失效。
ExtJS表单验证需先调用Ext QuickTips init并设置msgTarget属性。常用验证方式：空验证（allowBlank:false）、内置vtype（如email）、自定义密码确认（扩展VTypes）、正则表达式（regex）。灵活组合这些验证可覆盖多数业务场景。
在ExtJS开发过程中，异步提交表单是每名开发者都会遇到的常见需求。本文总结了四种最实用的Ajax提交方法，每种都对应着不同的应用场景。从代码实现来看，后两种更贴近ExtJS的原生风格，但前两种在特定环境下依然能发挥重要作用。下面逐一进行详细分析。方式一：手动封装参数，直接发起请求第一种方式最为直观
最近在使用ExtJS开发项目时，遇到数据加载量过大的场景，页面频繁卡死甚至直接报错。通过Firebug（FB）排查，发现症结在于ExtJS默认的Ajax请求超时时间仅为30秒。当后端查询耗时较长时，30秒的默认值根本不足以完成请求，从而导致中断和错误。 我在网上查阅了大量资料后，总结了两种调整Ext
ExtJS3 0版本采用check函数和正则测试判断浏览器类型，代码更简洁可读；2 2 1版本使用indexOf字符串匹配，逻辑直接。两版本在Safari、Chrome判定上存在细微差异，体现框架演进中对浏览器检测的持续优化。
针对Extjs中RowExpander控件默认展开问题，先遍历数据源找到符合条件行，并调用toggleRow方法展开。将回调函数挂载到数据源的load方法上，数据加载完成后自动执行展开逻辑，最终实现指定行的自动展开功能。
ExtJS表格默认文本不可选中复制，需通过自定义CSS覆盖默认样式、重写Ext view Table的afterRender方法移除unselectable属性，并定义SelectFeature特征替换相关样式与属性。在表格创建时加入该特征即可实现文本选中复制功能，代码基于Ext4 0 2a版本。