begin process at 2012 05 27 20:04:04
  Trouver un code source :
 
dans
 
Accueil > Forum > 

ASP.NET

 > 

Web 2.0

 > 

Atlas

 > 

DragDropList avec le framework ASP.NET AJAX


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

DragDropList avec le framework ASP.NET AJAX

lundi 12 mars 2007 à 12:07:37 | DragDropList avec le framework ASP.NET AJAX

abdelilahw3

Bonjour à tous,

J'ai trouvé un bon exemple de DragDropList avec l'ancienne version de asp.net Ajax "atlas" ( [ Lien ]),mais je veux une solution avec asp.net Ajax .

je veux un resultat comme ce lui  de :   [ Lien ]

Avez vous des idées?

mardi 13 mars 2007 à 16:25:58 | Re : DragDropList avec le framework ASP.NET AJAX

s_shadow

je sais pas si ça va marcher, mais tu peux toujours utiliser les les services profil de ASP.NET, ceci va te permettre de mémoriser l'emplacement de tes panels.

pour le drag&drop, tu peux faire appel au DragOverlayExtender.

tout ceci est inclu dans le nouveau ASP.NET AJAX.

bonne chance
mardi 13 mars 2007 à 17:02:43 | Re : DragDropList avec le framework ASP.NET AJAX

abdelilahw3

Merci,
Je vais essayer avec cette solution,mais j'ai besoin d'un code ou un document qui explique ca.



mardi 3 avril 2007 à 16:59:32 | Re : DragDropList avec le framework ASP.NET AJAX

abdelilahw3

Réponse acceptée !
Bonjour,

le code suivant permet le drag and drop en utilisant  la dernière version de atlas .



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>Widgets UI Example</title>
    <style type="text/css">
        body {
           font-family:Verdana;
           font-size:11px;
        }
        .main {
           position:relative;
           width:710px;
           height:540px;
           margin:auto;
        }
        .list1 {
           position:absolute;
           left:0px;
           height:520px;
           width:340px;
           padding:10px 5px 10px 10px;
        }
        .list2 {
           position:absolute;
           right:0px;
           height:520px;
           width:340px;
           padding:10px 10px 10px 5px;
        }
        .item {
           background:#fff;
           margin-bottom:5px;
           background:#fff;
        }
        .itemContent {
           padding:5px;
           text-align:center;
        }
        .itemHandle {
           height:15px;
           background:#e5ecf9;
           overflow:hidden;
           border-top:solid 1px #3366cc;
           font-weight:bold;
           cursor:move;
        }
        .dropCue {
           border:dashed 1px #ff0000;
           margin-bottom:5px;
        }
        .emptyList{
           font-weight:bold;
           text-align:center;
        }
        .centered { margin:auto; }
        .templates { visibility:hidden; }
    </style>
</head>
<body>
    <form id="form1" runat="server">
   
    <asp:ScriptManager ID="scriptManager" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewScript.js" />
            <asp:ScriptReference Assembly="Microsoft.Web.Preview" Name="PreviewDragDrop.js" />
        </Scripts>
    </asp:ScriptManager>

    <div class="main">
       
        <%-- Left Area --%>
        <div id="leftArea" class="list1">
            <div id="content1" class="item">
                <div id="content1Handle" class="itemHandle">Content 1</div>
                <div class="itemContent">
                    <asp:Login ID="myLogin" runat="server"
                               CssClass="centered"></asp:Login>
                </div>
            </div>
           
            <div id="content2" class="item">
                <div id="content2Handle" class="itemHandle">Content 2</div>
                <div class="itemContent">
                    <asp:TextBox ID="myTextBox" runat="server"></asp:TextBox>
                    <asp:Button ID="myButton" runat="server"
                                Text="ClickMe" />
                </div>
            </div>
        </div>
       
        <%-- Right Area --%>
        <div id="rightArea" class="list2">
            <div id="content3" class="item">
                <div id="content3Handle" class="itemHandle">Content 3</div>
                <div class="itemContent">
                    <asp:Calendar ID="myCalendar" runat="server"
                                  CssClass="centered"></asp:Calendar>
                </div>
            </div>
        </div>
       
        <%-- Templates --%>
        <div class="templates">
            <%-- Drop Cue template --%>
            <div id="dropCueTemplate" class="dropCue"></div>
            <%-- Empty template --%>
            <div id="emptyTemplate" class="emptyList">Drop content here.</div>
        </div>
   
    </div>
      
    </form>

    <script type="text/xml-script">
        <page>
            <components>
               
                <!-- Left Area -->
                <control id="leftArea">
                    <behaviors>
                        <dragDropList dragDataType="HTML"
                                      acceptedDataTypes="'HTML'"
                                      dragMode="Move"
                                      direction="Vertical">
                            <dropCueTemplate>
                                <template layoutElement="dropCueTemplate" />
                            </dropCueTemplate>
                            <emptyTemplate>
                                <template layoutElement="emptyTemplate" />
                            </emptyTemplate>
                        </dragDropList>
                    </behaviors>
                </control>
               
                <!-- Right Area -->
                <control id="rightArea">
                    <behaviors>
                        <dragDropList dragDataType="HTML"
                                      acceptedDataTypes="'HTML'"
                                      dragMode="Move"
                                      direction="Vertical">
                            <dropCueTemplate>
                                <template layoutElement="dropCueTemplate" />
                            </dropCueTemplate>
                            <emptyTemplate>
                                <template layoutElement="emptyTemplate" />
                            </emptyTemplate>
                        </dragDropList>
                    </behaviors>
                </control>
               
                <!-- Draggable items -->
                <control id="content1">
                    <behaviors>
                        <draggableListItem handle="content1Handle" />
                    </behaviors>
                </control>
                <control id="content2">
                    <behaviors>
                        <draggableListItem handle="content2Handle" />
                    </behaviors>
                </control>
                <control id="content3">
                    <behaviors>
                        <draggableListItem handle="content3Handle" />
                    </behaviors>
                </control>
               
            </components>
        </page>
    </script>
</body>
</html>


Cette discussion est classée dans : net, asp, framework, ajax, dragdroplist


Répondre à ce message

Sujets en rapport avec ce message

framework sdk pour faire de l'asp.net [ par jimmy69 ] Salut a tous,Apres avoir fait du php pendant environ un an pour m"amuser ,j'aimerais me mettre a l'asp.net!J'ai telecharger les starter kit et reserve Framework 2.0 et VB.net 2003 [ par Dorutu ] SalutVoici un pr. qui me tracasse depuis un certain temps. Lors de l'installation, VB.net 2003 (fr architect enterprise) prends par défaut Framework 1 IIS5 et ASP.NET [ par blueangel ] blueangel13bonjour tout le monde, je dévellope sur VC.NET 2003 sur windows 2000 servervoila, 1)j'ai installé le framework .NET 1.1  2)j'ai executé asp ODBC TEXTE DANS FRAMEWORK/ASP.NET [ par AC1 ] Je dois faire un export au départ d'un table SQL vers un fichier texte.Je peux ouvrir l'odbc TEXTE, mais je ne peux pas sauvegarder de données,j'obtie Ouverture projet ASP.NET [ par lolo1367 ] Bonjour,Je développe un projet ASP.NET en C#. Tout allait bien, mais depuis hier, lorsque je tente d'ouvrir mon projet le message suivant est affichéL [URGENT] Recherche freelance ASP .NET Framework 3.0 [ par imacus ] Bonjour,Nous recherchons de façon urgente une personne ayant une bonne connaissance du C# et de l'ASP .NET Framework 3.0< [ASP.Net]Ajax Library et UpdatePanel [ par shadow1779 ] Bonjour, j'ai quelques petits problèmes avec l'updatepanel, j'ai essayé sur mon site que je suis en train de créer comme projet ASP.Net Ajax Enabled Les evenememnts liés a ce controle<ajaxToolkit:CollapsiblePanelExtender /> [ par necnec ] <img alt="image" src="http://img261.imageshack.us/img261/5493/st Calendrier avec ASP NET AJAX en français ? [ par gabiset ] Bonjour,Sur conseil d'un membre du forum, j'ai installé le composant trouvé sur http://asp.net/ajax, car je voulais obtenir un calendrier qui s'ouvre Utiliser un contrôle Ajax dans ASP.NEt [ par lamyruth ] Bonjour,comment faire pour utiliser un contrôle (dropdownlist) d'Ajax dans mon projet  sousASP.NET 2?(je mexplique:J'ai un projet développé sous VS 20


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,359 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales