访问所选项目的itemRenderer
访问所选项目的itemRenderer
提问于 2010-02-03 18:58:25
我有一个带有缩略图的TileList。在每个缩略图下面，我会显示图像的名称。我想构建重命名功能。所以在TileList下面是一个“重命名选定的图像”按钮。
单击此按钮时，我希望更改itemRenderer组件的状态。图像下面的标签将更改为TextInput，以便用户可以键入新名称。这与Windows的重命名文件功能非常相似。
如何访问所选镜像的itemRenderer？如何让它监听重命名按钮的单击事件？
下面是一些代码：
<mx:TileList id="imageTileList" width="100%" height="100%" doubleClickEnabled="true"
itemsChangeEffect="{tileListEffect}" dataProvider="{images}"
keyDown="{tileListKeyDownHandler(event)}"
itemRenderer="com.n200.components.htmlElement.ImageTile"
columnWidth="128" rowHeight="128" itemDoubleClick="{insertImage()}"
horizontalScrollPolicy="off" verticalScrollPolicy="auto" />
<mx:LinkButton label="Rename selected image" labelPlacement="left"
enabled="{imageTileList.selectedIndex>0}"
styleName="rename24" click="{renameSelectedImage()}" />
<mx:Script>
<![CDATA[
private function renameSelectedImage():void
{
// Need to access itemRenderer of selected image here
}
]]>
</mx:Script>itemRenderer只是一个带有mx:Image和mx:Text的mx:VBox。在另一个mx:State中，mx:Text变为mx:TextInput：
<mx:states>
<mx:State name="rename">
<mx:RemoveChild target="{imageName}" />
<mx:AddChild>
<mx:TextInput id="newName" text="{originalName}" keyDown="{textInputKeyDownHandler(event)}"
width="100%" focusOut="{commit()}" focusThickness="0" />
</mx:AddChild>
</mx:State>
</mx:states>
<enterComponents:P200Image source="{imgFunction?imgFunction.fileId:null}" width="82" height="82" verticalAlign="bottom" stretch="true" />
<mx:Text id="imageName" text="{imgFunction.name}" selectable="false" truncateToFit="true"
textAlign="center" width="82" toolTip="{imgFunction.name}" />Stack Overflow用户
发布于 2010-02-04 01:56:47
看看this example--就地编辑控件可能为您提供了一个开始使用控件的地方。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/2191351
复制相关文章
相似问题
腾讯云开发者
