私はスパークリストを持っており、行の上にツールヒントを表示したいと思います。前のリストでは、dataTipFieldプロパティがあったと思いますが、Spark Listには表示されません。スパークリストにツールチップを表示するには
0
A
答えて
0
データ幅がリスト幅を超えている場合にツールチップを表示する場合は、インラインitemrendererを使用してください。
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<s:Label text="{data.Expense}"
width="100"
maxDisplayedLines="1"
showTruncationTip="true" />
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
1
toolTip
あなたは、あなたが以下のようにスミットの答えにLabel
のtoolTip
プロパティを使用することができます表示するよりも、list
に表示label
が異なる場合:
<?xml version="1.0"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark">
<fx:Script><![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var myDataProvider:ArrayCollection = new ArrayCollection([
{data:1, label:"One", desc:"Here is a toolTip description of the item One"},
{data:2, label:"Two", desc:"Here is a toolTip description of the item Two"},
{data:3, label:"Three", desc:"Here is a toolTip description of the item Three"},
{data:4, label:"Four", desc:"Here is a toolTip description of the item Four"},
{data:5, label:"Five", desc:"Here is a toolTip description of the item Five"}
]);
]]></fx:Script>
<s:List dataProvider="{myDataProvider}">
<s:itemRenderer>
<fx:Component>
<s:ItemRenderer>
<fx:Script><![CDATA[
override public function set data(value:Object):void
{
super.data = value;
}
[Bindable]
private function getToolTip():String
{
return data.desc;
}
]]></fx:Script>
<s:Label text="{data.label}" toolTip="{getToolTip()}" width="100%"/>
</s:ItemRenderer>
</fx:Component>
</s:itemRenderer>
</s:List>
</s:Application>
関連する問題
- 1. OMPointのツールチップを表示するには
- 2. XMLからFlash Builder 4.5のスパークリストに画像を表示
- 3. Chart.jsツールチップに%を表示する方法
- 4. ツールチップにアクションリンクを表示するmvc razorview
- 5. WinFormsのトラックバーの値を示すツールチップを表示するには
- 6. を表示するツールチップ
- 7. 常に表示ツールチップ(角Material2)
- 8. ng2-chart.jsツールチップ常に表示
- 9. ツールチップを自動的に非表示にするには
- 10. Extjs4表示ツールチップ
- 11. QtCreatorのツールチップにAPIドキュメントを表示するには?
- 12. ツールチップASP.Netにリッチテキストを表示するには?
- 13. Silverlightページ/ユーザーコントロールをツールチップに表示するには
- 14. d3アニメーションスパークライングラフの値をツールチップに表示するには?
- 15. スクロールバーでマウスオーバーするとjavascriptのツールチップを表示するには?
- 16. HighCharts:ツールチップ上に表示されるラベル
- 17. スパムに表示されるツールチップのスタイリング
- 18. SVGをクリックした後にツールチップを表示する方法は?
- 19. ドロップダウンリスト項目にツールチップを表示mouseoverイベント
- 20. AngularJS:円の上にツールチップを表示
- 21. ハイチャート:凡例にツールチップを表示
- 22. WPF:検証ツールチップをDataGridComboBoxColumnに表示
- 23. ツールチップに部分文字列を表示
- 24. ツールチップにJavaのコメントを表示
- 25. itemtemplate(WPF)のコンボボックスにツールチップを表示
- 26. 2番目のグラフにツールチップを表示
- 27. プログラムでツールチップをwinformsアプリケーションに表示
- 28. ドロップダウンセレクタでツールチップをホバーオーバーオプションに表示
- 29. Chart JSヒントをツールチップに表示
- 30. ブートストラップのツールチップに長いテキストを表示