2015-02-17 16 views
5

Ben Açısal ui-grid (sürüm 3.0), ng-grid için değiştirilmesi için Smart-Tablo sürüm 1.x geçiş çalışıyorum.
ui-grid hakkında neredeyse her şeyi beğeniyorum, ama bir şey beni delirtiyor. smart-tablo'da, dataRow için bir değer vardır, bu tablodaki varlığı referans göstermenin kolay bir yoludur.Açısal UI-Grid'i kullanarak satır öğesi verilerini kullanmadan satır öğesi verilerine nasıl erişirsiniz?

Kullanmakta olduğum şey, bir grid hücresine yerleştirilmiş html şablonu içinde ng-click="$parentScope.edit(dataRow.id)" gibi bir şeyden alan bilgisi eklemek için bir html şablonu doldurmaktı. Ancak, ui-grid numaralı belgede, nesnel satır veya hücre seçimi yapmadan varlık nesnesine erişemiyorum. Bir hücre şablonuna dahil etme çabaları bir nesneyle sonuçlanır (row.entity) ancak varlık öğelerinden herhangi birine erişemiyorum, tanımsız olarak görünürler. Herhangi bir fikir? Ayrıca, bir html şablonunda ancak yalnızca parametresiz olanlar için bir varlık çalıştırabildim.

İşte akıllı masanın ile çalışıyordu benim html şablonu: Ben ui-grid ile böyle bir şey kullanmak çalışıyordum

<a data-toggle="tooltip" data-placement="top" title="View {{filteredRowCollection}}" ng-click="$parent.$parent.$parent.$parent.view(dataRow.id)" 
    class="glyphicon glyphicon-camera green"> 
</a> 
<a data-toggle="tooltip" data-placement="top" title="Edit {{selectionId}}" ng-click="grid.appScope.edit(row.entity.id)" 
    class="glyphicon glyphicon-pencil blue"> 
</a> 
<a data-toggle="tooltip" data-placement="top" title="Delete {{selectionId}}" ng-click="$parent.$parent.$parent.$parent.delete(dataRow.id)" 
    class="glyphicon glyphicon-trash red"> 
</a> 

:

function edit(row){ 
    . . . 
}; 

row, bu noktada row.entity olduğu gibi bir nesne. Alanlardan biri olan row.entity.id gibi bir şey kullanabilmeyi bekledim, ancak undefined. Verileri erişebileceği şekilde

+0

Kesim ve yapıştırma işleminde küçük hata. Düzenleme için ng tıklama satırı aslında testlerimden biriydi. Okumak istenen ng-click = "grid.appScope.edit (row.entity.id)" –

+0

İstendiği gibi düzenlenmiştir. Ancak, kendi sorularınızı kendiniz düzenleyebileceğinizi bilmelisiniz: sorunuzun hemen altındaki 'düzenle 'düğmesini arayın :) – ccjmne

cevap

4

Bu mesaj yararlı olabilir, https://technpol.wordpress.com/2014/08/23/upgrading-to-ng-grid-3-0-ui-grid/

Temel olarak, sizin ızgara Harici kapsamını ayarlamanız gerekir.

+0

Çok yardımcı oldu! Çalıştı, ama garip bir takma çarptı ve bir çözüm buldu. Sütun alanlarından biri için bir cellTemplate kullandım ve bir HTML dosyasına başvurdum. İyi çalıştı. Bir cellHeader için aynı şeyi denediğimde, hataları vur. Çalışmayı bitiren şey, HTML'yi alıp bir varlığa yerleştirmek, sütun hatalarındaki var referansı kullanmaktı. İyi çalıştı. Sadece gerçekten garip buldum. –