Drag and drop reordering in Dataview

  1. #1

    Drag and drop reordering in Dataview

    Hi ,
    I have a dataview as given below,

    I want to reorder the items within this Dataview through drag and drop
    <ext:DataView LoadingText="loading.." loadingCls="x-mask-loading" ID="Dashboard"
                        runat="server" StoreID="StoreTOC" SingleSelect="true" OverClass="x-view-over" ItemSelector="div.item-wrap"
                        AutoHeight="true" EmptyText="No links display" Visible="true">
                        <Template ID="Template1" runat="server" EnableTheming="true">
                            <Html>
                                <div id="items-ct">
                                    <tpl for=".">
                                        <div>
                                            <a href="javascript:LoadControl()">
                                                <div class="mainBtnbg">
                                                    <h4>{Name}</h4>
                                                    <p>Action: Open {Name} Page</p>
                                                    <span style="display:none;" class="appbardelete" onclick="javascript:DeleteHandler('{UID}');"></span>
                                                    <span style="display:none;" class="appbaredit" onclick="javascript:EditHandler('{UID}');"></span>
                                                    <span class="greaterthenarrow"></span>
                                                </div>
                                            </a>
                                        </div>
                                    </tpl>                        
                                </div>
                            </Html>
                        </Template>                    
                    </ext:DataView>
    Any help is greatly appreaciated

    Thanks in advance
    Jophin
    Last edited by Daniil; Nov 11, 2011 at 9:42 AM. Reason: Please use [CODE] tags
  2. #2
    Hi,

    There is no ready solution for your case, but there is the
    <Ext.Net sources>\Ext.Net\Build\Ext.Net\ux\extensions\ddview\ddview.js
    class, which you can try to use.

    It's an "drag&drop" extension of the Ext.DataView class.

    It has already used in the MutliSelect class.
    <Ext.Net sources>\Ext.Net\Build\Ext.Net\ux\extensions\multiselect\multiselect.js
    See also the MultiSelect example, the Drag/Drop (Insert Mode).
    http://examples1.ext.net/#/Form/MultiSelect/Overview/

    I should say that you should be fairly experienced in ExtJS/Ext.Net to sort it out.

    And, I'm afraid, I have no time now to guide you.

    Here is an alternative of the Ext.ux.DDView.
    http://www.sencha.com/forum/showthre...n-for-DataView
    Last edited by Daniil; Nov 11, 2011 at 11:36 AM.
  3. #3
    Thanks Daniil
    I'll check this out and reply to this thread itself. Right now i'm bit busy with somthing

    Regards
    Jophin

Similar Threads

  1. [CLOSED] DataView to DataView Drag and Drop
    By paulc in forum 2.x Legacy Premium Help
    Replies: 1
    Last Post: May 10, 2012, 8:19 PM
  2. [CLOSED] Drag and Drop Reordering inside a panel
    By jchau in forum 1.x Legacy Premium Help
    Replies: 5
    Last Post: Jul 10, 2011, 5:02 PM
  3. Replies: 6
    Last Post: Dec 17, 2009, 8:40 AM
  4. Drag & Drop from dataview to multiselect
    By Ares in forum Feature Requests
    Replies: 0
    Last Post: May 14, 2009, 3:33 PM
  5. [CLOSED] Drag-Drop From DataView to TreePanel
    By juanpablo.belli@huddle.com.ar in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Feb 11, 2009, 6:46 AM

Tags for this Thread

Posting Permissions