Open UI5 源代码解析之1106：MenuTextFieldItem.js

源代码仓库：

https://github.com/SAP/openui5

源代码位置：src\sap.ui.commons\src\sap\ui\commons\MenuTextFieldItem.js

MenuTextFieldItem.js文件深度分析

这不是普通菜单项，而是把输入能力塞进菜单体系的特殊桥接点

MenuTextFieldItem.js这个文件和前面那些commons菜单相关文件一样，体量很小，真正能执行的代码也只有几行。可它要解决的问题，比普通菜单项更有意思。一般人提到菜单项，脑海里想到的是点击某一项触发动作，例如删除、导出、刷新。而MenuTextFieldItem这种元素把另一种交互带进了菜单内部：它不只是一个可点条目，还是一个带标签和文本输入框的菜单项。

这件事的意义在真实产品里并不小。菜单通常被看成一个动作列表，而带文本框的菜单项让菜单开始具备轻量编辑与快速过滤的能力。也就是说，用户不必离开当前上下文跳到一个完整表单页面，也不一定非得打开一个对话框，而是可以在菜单里直接输入一个值，再让菜单继续承担动作承载角色。

如果把整个菜单系统比作餐厅里的服务台，普通MenuItem像是服务员递给顾客