Monday, 12 August 2013

ADDING DRAG AND DROP FEATURE ON GRIDPANEL IN EXT.NET




Add this simple code for enabling drag and drop feature on a GridPanel in EXT.NET.





<ext:GridPanel
            ID="GridPanel1"
            runat="server"
            StoreID="Store1"
            Title="Drag and drop to adjust Timetable"
            Collapsible="true"
            Cls="x-grid-custom"
            ForceFit="true">
            <ColumnModel ID="ColumnModel1" runat="server">
           <Columns>
                    <ext:Column ID="Column1" runat="server" Text="Monday" DataIndex="Monday" Width="75" />
                    <ext:Column ID="Column2" runat="server" Text="Tuesday" Width="75" DataIndex="Tuesday"/>
                    <ext:Column ID="Column3" runat="server" Text="Wednesday" Width="75" DataIndex="Wednesday" />
                    <ext:Column ID="Column4" runat="server" Text="Thursday" Width="75" DataIndex="Thursday" />
                     <ext:Column ID="Column5" runat="server" Text="Friday" Width="75" DataIndex="Friday" />
                     <ext:Column ID="Column6" runat="server" Text="Saturday" Width="75" DataIndex="Saturday" />
           </Columns>
            </ColumnModel>
           
              <View>                      <ext:GridView ID="GridView1" runat="server">                    <Plugins>                                                          <ext:CellDragDrop ID="CellDragDrop1" runat="server" ApplyEmptyText="false" EnforceType="true" />                                               </Plugins>                        </ext:GridView>                    </View>                  
         
        </ext:GridPanel>



For saving the GridPanel which is altered using Drag and Drop Feature,just go through the next post.....

0 comments:

Post a Comment