使用列表和表格ppt課件(參考版)
2025-05-09 01:14本頁面
【正文】 ? (詳細內(nèi)容請參照本書 ) 。 使用 inline創(chuàng)建條目編輯器 ? 除在單獨的 MXML文件中定義編輯器外，也可以像條目渲染器那樣使用 mx:Component標(biāo)簽定義條目編輯器。 自定義組件作為條目編輯器 ? 采用自定義組件作為條目編輯器，能夠更為靈活的定義編輯條目的方式，從而不受可使用控件的限制。初始時列表類控件數(shù)據(jù)將作為編輯控件中editorDataField屬性的初始值。 ? 創(chuàng)建條目編輯器，與條目渲染器略有不同。這些與條目渲染器中可使用的控件類似。在圖所示的例子中，樹形控件使用了內(nèi)置的條目編輯器，對文本輸入控件進行編輯。如果使用內(nèi)置的條目編輯器，將控件的 editable屬性設(shè)為 true即可。條目編輯器的使用類似于條目渲染器，可以使用內(nèi)置的編輯器，也支持自定義的條目編輯器。代碼如下所示。 使用 inline創(chuàng)建條目渲染器 ? 除了在單獨的組件文件中定義條目渲染器外，還可以在控件的 MXML代碼內(nèi)部使用 mx:ponent標(biāo)簽定義渲染器。但有些時候這些控件不能滿足實際需求，只有通過使用自定義組件作為條目渲染器。 自定義組件作為條目渲染器 ? 上面的例子中使用 Flex中的控件作為條目渲染器。 ? itemRenderer=“” ? 下面的例子在數(shù)據(jù)表格的第一列和最后一列分別使用了圖片和數(shù)字步進器控件作為條目渲染器。在使用這些控件時，在組件的 itemRenderer屬性后填寫相應(yīng)組件的類名即可。圖是一個使用默認條目渲染器的示例。而其他幾種默認的條目渲染器，如 ListItemRenderer、MenuItemRenderer、 MenuBarItem、 TileListItemRenderer和TreeItemRenderer都使用文本和圖片組合的方式表示條目。如在數(shù)據(jù)表格中使用 DataGridItemRenderer。例如使用列表類控件中內(nèi)置的渲染器和編輯器、使用其他控件定義、自定義組件，本節(jié)將從這幾個方面介紹如何使用條目渲染器。在本章前面的控件介紹中已經(jīng)講述過條目渲染器的使用，如水平列表控件和瓦片式列表控件。 ? 在每個控件中都有默認的條目渲染器。條目渲染器在 Flex ActionScript中都被稱之為單元渲染器（ CellRenderer）。圖的基礎(chǔ)上，通過單擊 【 改變圖標(biāo) 】 按鈕再次改變圖標(biāo)。 ? 使用 folderOpenIcon、 folderClosedIcon和 defaultLeafIcon定義圖表示只需為相應(yīng)的屬性賦值即可，這里不再詳述，只介紹后 2種方式。 ? 使用控件數(shù)據(jù)中的 icon屬性為每個節(jié)點定義圖標(biāo)。在樹形控件中可以通過 3種方式設(shè)定圖標(biāo)。如果希望節(jié)點呈展開狀，可以使用 expandItem()方法。圖是一個單擊節(jié)點后判斷是否為文件夾節(jié)點的例子。在圖 ，只對數(shù)據(jù)進行展示，未添加其他功能，其代碼如下。 創(chuàng)建樹形控件 ? 創(chuàng)建樹形控件，通過定義控件的數(shù)據(jù)，插入控件的標(biāo)簽，定義控件的屬性和事件即可。 ? setItemIcon()：設(shè)置控件中的圖標(biāo)。該方法包含 4個參數(shù)：第一個是操縱的節(jié)點，類型為 Object；第二個是操作狀態(tài)， true為展開， false為關(guān)閉；第三個是否激活轉(zhuǎn)換，默認為 false，當(dāng)節(jié)點的孩子超過 20個時，當(dāng)節(jié)點第一次打開時，不進行轉(zhuǎn)換；第四個展開或者關(guān)閉節(jié)點時是否觸發(fā)事件。 ? expandItem()：展開或關(guān)閉節(jié)點。 ? expandChildrenOf()：展開或者關(guān)閉節(jié)點下所有的子節(jié)點。 樹形控件類的方法 ? 在編寫樹形控件的事件處理中，常需要獲得節(jié)點的雙親等屬性以及對控件進行動態(tài)操作，例如展開某個節(jié)點，可以通過樹形控件類的方法獲得。 ? 上述事件的類型均為 。 ? itemOpen：當(dāng)樹枝節(jié)點打開或者展開時，觸發(fā)該事件。常用的事件如下。 樹形控件標(biāo)簽 ? 樹形控件對應(yīng)的 MXML標(biāo)簽為 mx:Tree，該控件的屬性除繼承 ListBase類的屬性外，常用屬性如表所示。在樹形控件中，葉子節(jié)點用文本圖標(biāo)進行標(biāo)識，而樹枝節(jié)點使用文件夾圖標(biāo)，類似于 Windows中的文件夾圖標(biāo)。在樹形結(jié)構(gòu)中包括葉子（ Leaf）節(jié)點和樹枝（ Branch）節(jié)點。如果需要自定義排序方式，可以使用 sortCompareFunction指定排序的方法，編寫該方法時采用固定的結(jié)構(gòu)，如下所示。在列項控件中使用 sortable定義該列的數(shù)據(jù)是否參與排序。 ? 排列的順序根據(jù)表格控件中相應(yīng)的屬性進行。默認為升序或者降序排列該表頭下的內(nèi)容。圖中允許對表格內(nèi)數(shù)據(jù)編輯，但是禁止對姓名和性別進行編輯。但有些時候，有的條目是不能被更改的，如員工的姓名等。 編輯數(shù)據(jù)表格中的數(shù)據(jù)項 ? 編輯數(shù)據(jù)表格中的數(shù)據(jù)項，需要將控件的 editable屬性設(shè)為 true。常用的事件為單擊表格項（ ItemClick）事件。在數(shù)據(jù)列表控件中也可以使用其他的層次化數(shù)據(jù)格式，詳細情況可以查看數(shù)據(jù)篇中的相應(yīng)內(nèi)容。下面以圖為例介紹創(chuàng)建列表控件的過程。 ? itemF
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1