Elimina riga (s) dalla griglia a seconda del valore con il pulsante
Domanda
Ho bisogno di eliminare alcune righe a seconda del valore della colonna colonne.Ho provato il codice ma non succede nulla.
Ad esempio, ho 6 righe con valori (1,1,3,2,4,3) e voglio eliminare le righe con lo stato 2,3 e 4 con conseguente solo due file rimaste, riga 1 e riga 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>
.
Elimina il pulsante:
<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>
.
Elimina funzione:
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();
}
}
.
Ecco la funzione Imore nel caso in cui sia rilevante per il problema:
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' />";
}
}
.
Modifica: lo correvo usando Firebug e ottengo un errore: grid.store.getat (i) non è definito
Soluzione
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);
}
}
}
}
Altri suggerimenti
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);
}
}
}
}
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow