[CLOSED] Need RowNumbererColumn to update store when a row is added or deleted.

[Shanth]

Hi

I am using RowNumbererColumn this Value should also update the store when a row is added or deleted.

or is there any way to update or modifiy the store using the valu from RowNumbererColumn

<ext:GridPanel 
                            ID="gpDimension" 
                            runat="server" 
                            Height="400" 
                            AnchorHorizontal="" 
                            FieldLabel=""
                            StoreID="CLCDimensionStore" 
                            StripeRows="true" 
                            AutoDataBind="true">
                            <View>
                                <ext:GridView ID="DimensionView" runat="server" MarkDirty="true" ForceFit="true" />
                            </View>
                            <SelectionModel>
                                <ext:RowSelectionModel ID="DimensionRowSelection" runat="server" />
                            </SelectionModel>
                            <ColumnModel ID="DimensionColumnModel" runat ="server">
                                <Columns>
                                    <ext:RowNumbererColumn Header="Level" Width="40" DataIndex="Level">
                                        <%--<Renderer Fn="customiseRowHeaderTitle" />--%>
                                    </ext:RowNumbererColumn>
                                    <%--<ext:Column ColumnID="DimensionLevel" Header="Level" DataIndex="Level" Sortable="true">
                                        
                                    </ext:Column>--%>
                                    <ext:Column ColumnID="DimensionName" Header="Name" DataIndex="Name">
                                        <Editor>
                                            <ext:TextField ID="txtDimensionName" runat="server" AllowBlank="false"/>
                                        </Editor>
                                    </ext:Column>
                                    <ext:CommandColumn Width="40" Hideable="false"  Header ="Delete">
                                        <Commands>
                                            <ext:GridCommand CommandName="delete" Icon="Cross">
                                                <ToolTip Text="Delete" />
                                            </ext:GridCommand>
                                        </Commands>
                                    </ext:CommandColumn>
                                </Columns>
                            </ColumnModel>
                            <Listeners>
                                <Command Fn="DimensionDeleteHandler" />
                            </Listeners>
                            <BottomBar>
                                <ext:Toolbar ID="tbAddDimension" runat="server" StyleSpec="background:transparent;border:0px;align:center;">
                                    <Items>
                                        <ext:ToolbarFill />
                                        <ext:Button runat="server" Text="Add" ID="btnAddDimension" Icon="Add">
                                            <%--<Listeners>
                                                <Click Handler="AddNewCompanyCodes({ Code: '', Description: '' });" />
                                            </Listeners>--%>
                                            <Listeners>
                                                <Click Handler="addGroup(#{gpDimension});" />
                                            </Listeners>
                                        </ext:Button>
                                    </Items>
                                </ext:Toolbar>
                            </BottomBar>
                        </ext:GridPanel>

Thank You

[Daniil]

Hi,

Please call:

GridPanel1.getView().refresh();

[Shanth]

Hi Daniil

My Delete and Add functions are

function addGroup(grid) {
            debugger;
            var rowCount = grid.store.getCount();
            var o = grid.store.addRecord({ Level: rowCount + 1 });
            grid.startEditing(o.index, 0);
        };

        var DimensionDeleteHandler = function (cmd, record) {
            debugger;
            switch (cmd) {
                case "delete":
                    Ext.Msg.confirm('Alert', 'Delete Record?', function (btn) {
                        if (btn == "yes") {
                            CLCDimensionStore.remove(record);
                            gpDimension.view.refresh();
                        }
                    });
                    break;
            }
        };

Where do i need to call this

GridPanel1.getView().refresh();

[Daniil]

Just after the .addRecord() and .remove() methods.

[Shanth]

Hi,

This updates the grid not the Store

I want to update the store, which has a field Level

which is also added to the DataIndex of RowNumbererColumn.
<ext:RowNumbererColumn Header="Level" Width="40" DataIndex="Level">                                        
</ext:RowNumbererColumn>

i can update the store atleast when i add the row to the grid.

function addGroup(grid) {             debugger;             var rowCount = grid.store.getCount();             var o = grid.store.addRecord({ Level: rowCount + 1 });             grid.startEditing(o.index, 0);         };

But can u suggest how to update the store when the i delete the row in the grid.

Thank you

[Daniil]

Not sure what you mean by "update a store".

After this code the record is deleted from the store.

CLCDimensionStore.remove(record);

Do you need to save it on server side?

[Shanth]

Hi

Do you need to save it on server side?

Yes, i need to save it on server side.

if, there is 3 rows and delete the 2nd row, in the UI it RowNumbererColumn will show me No. 1 and 2
But the field Level in the store will show me 1 and 3.

Thank You