Supprimer la (s) rangée (s) de la grille en fonction de la valeur avec le bouton
Question
J'ai besoin de supprimer des lignes en fonction de la valeur de la ColumnStatus.J'ai essayé le code mais rien ne se passe.
Par exemple, j'ai 6 lignes avec des valeurs (1,1,3,2,4,3) et je souhaite supprimer des lignes avec le statut 2,3 et 4, ce qui ne donne que deux rangées à gauche, rangée 1 et rangée 2.
ID Status
Row 1 1 1
Row 2 2 1
Row 3 3 3
Row 4 4 2
Row 5 5 4
Row 6 6 3
gridpanel
<ext:GridPanel ID="grid" runat="server" Title= “" AutoWidth="true" AutoHeight="true"
Padding="4" StripeRows="true" Draggable="false" Selectable="true" Icon="Application">
<Store>
<ext:Store ID="Store1" runat="server">
<Reader>
<ext:ArrayReader>
<Fields>
<ext:RecordField Name=" personID " Mapping="PersonsId"/>
<ext:RecordField Name="description" Mapping="Description " />
</Fields>
</ext:ArrayReader>
</Reader>
</ext:Store>
</Store>
<ColumnModel ID="ColumnModel1" runat="server">
<Columns>
<ext:Column DataIndex="personID" Header="ID" Width="100">
</ext:Column>
<ext:Column ColumnID="columnStatus" DataIndex=" description " Header="Status" Width="130">
<Renderer Handler="return imgRenderer(value);" />
</ext:Column>
</Columns>
</ColumnModel>
<SelectionModel>
<ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="false"/>
</SelectionModel>
</ext:GridPanel>
Bouton Supprimer:
<ext:Panel runat="server" ID="panel" Height="0">
<TopBar>
<ext:Toolbar runat="server">
<Items>
<ext:Button ID="btnClearSelection" runat="server" Text="Delete" OnDirectClick="btnClearSelection_Clicked" Icon="Delete">
<Listeners>
<Click Handler="Delete(#{grid});" />
</Listeners>
</ext:Button>
</Items>
</ext:Toolbar>
</TopBar>
</ext:Panel>
Supprimer fonction:
function Delete(grid) {
alert("testing button clicked");
for (var i = 0; i < grid.store.totalLength; i++ ) {
var status = grid.store.getAt(i).data["columnStatus"];
if (status == "2"){
grid.getSelectionModel().selectRow(i ,true);
}
grid.deleteSelected();
}
}
Voici la fonction Imgrender au cas où elle est pertinente pour le problème:
function imgRenderer(value) {
if (value == "1") {
return value + " "
+ "<img src='/img/flag_green.png' id='1' class='Icon' />";
}
else if (value == "2") {
return value + " "
+ "<img src='/img/flag_red.png' id='2' class='Icon' />";
}
else if (value == "3") {
return value + " "
+ "<img src='/img/flag_orange.png' id='3' class='Icon'/>";
}
else if (value == "4") {
return value + " "
+ "<img src='/img/flag_green.png' id='4' class='Icon' />";
}
}
EDIT: Je l'ai couru à l'aide de Firebug et je reçois une erreur: grid.store.getat (i) est indéfini
La solution
function Delete(grid) {
var i = 0;
if (grid.store.getCount() > 0) {
for (i = grid.store.getCount() - 1; i >= 0; i--) {
var status = grid.store.getAt(i).data["description"];
if (status == "2" || status == "3" || status == "4") {
grid.store.removeAt(i);
}
}
}
}
Autres conseils
Have you tried using the removeAt() method on the store?
function Delete(grid) {
alert("testing button clicked");
if (grid.store.count() > 0) {
for (var i = grid.store.count(); i >= 0; i--) {
var status = grid.store.getAt(i).data["columnStatus"];
if (status == "2"){
grid.store.removeAt(i);
}
}
}
}
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow