What's New?

Drag and drop reordering in Dataview

  1. #1
    Nov 10, 2011, 11:52 AM

    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
    Nov 11, 2011, 10:13 AM
    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).
    https://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
    Nov 11, 2011, 11:19 AM
    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. Reordering rows in GridPanel by drag and drop
    By Pavel in forum 1.x Help
    Replies: 6
    Last Post: Dec 17, 2009, 8:40 AM
  4. [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