js: dataGrid показывает пробелы вместо данных.
Компонент dataGrid:
<j:VGroup id="VGroupContainer">
<j:Button text="Load Data" width="200" height="60" click="OpenData(event)"/>
<js:DataGrid rowHeight="40" y="200" visible="true" id="dataGrid" width="330">
<js:columns>
<js:DataGridColumn label="Name" dataField="Name" id="nameField" columnWidth="130"/>
<js:DataGridColumn label="SO" dataField="SOname" id="soField" columnWidth="100"/>
<js:DataGridColumn label="Email" dataField="Email" id="emailField" columnWidth="100"/>
</js:columns>
</js:DataGrid>
</j:VGroup>
Функция для динамического обновления данных.В качестве контекста я буду использовать вызовы HTTPservice для извлечения данных с сервера и соответствующего обновления сетки данных.В целях тестирования я использую следующее:
protected function OpenData(event:MouseEvent):void
{
var obj:Object=new Object();
obj.Name = "record 1"
obj.SOname = "SO1"
obj.Email = "email 1"
var obj2:Object=new Object();
obj2.Name = "record 2"
obj2.SOname = "SO2"
obj2.Email = "email 2"
var obj3:Object=new Object();
obj3.Name = "record 3"
obj3.SOname = "SO3"
obj3.Email = "email 3"
arrData.addItem(obj)
arrData.addItem(obj2)
arrData.addItem(obj3)
dataGrid.dataProvider = arrData;
}
Всякий раз, когда я устанавливаю значение для dataProvider, dataGrid, кажется, имеет правильные строки, но данные не отображаются.Вы можете щелкнуть и выбрать строку, но визуально ни одна из ячеек не появится:
После обновления Dataprovider
Кто-нибудь работал с Datagrids в Apache Royale в последнее время?Мне интересно, если я даже использую правильный компонент.Я мигрирую из s: Datagrids и никогда не сталкивался с этой проблемой.