Excentrics World

Ordered List Box - Javascript Enabled

Demo Code from Above


<table border="0">

   <tr>

      <td>

         <asp:ListBox runat="server" id="leftDemo1" Rows="8" Width="100px">

            <asp:ListItem>One</asp:ListItem>

            <asp:ListItem>Two</asp:ListItem>

            <asp:ListItem>Three</asp:ListItem>

            <asp:ListItem>Four</asp:ListItem>

            <asp:ListItem>Five</asp:ListItem>

         </asp:ListBox>

      </td>

      <td valign="top">

         <ew:ListTransfer TransferFromID="leftDemo1" EnableClientScript="true" TransferType="Up" Text="Move Up" ImageUrl="~/images/uparrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo1" EnableClientScript="true" TransferType="Down" Text="Move Down" ImageUrl="~/images/downarrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo1" EnableClientScript="true" TransferToID="rightDemo1" TransferType="Control" Text="Move Right" ImageUrl="~/images/rightarrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo1" EnableClientScript="true" TransferType="Delete" Text="Delete" ImageUrl="~/images/delete.gif" runat="server" />

      </td>

      <td>

         <asp:ListBox runat="server" id="rightDemo1" Rows="8" SelectionMode="Multiple">

            <asp:ListItem>Six</asp:ListItem>

            <asp:ListItem>Seven</asp:ListItem>

            <asp:ListItem>Eight</asp:ListItem>

            <asp:ListItem>Nine</asp:ListItem>

            <asp:ListItem>Ten</asp:ListItem>

         </asp:ListBox>

      </td>

      <td valign="top">

         <ew:ListTransfer TransferFromID="rightDemo1" TransferType="Up" Text="Move Up" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo1" TransferType="Down" Text="Move Down" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo1" TransferToID="leftDemo1" TransferType="Control" MakeCopy="true" Text="Move Left" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo1" TransferType="Delete" Text="Delete" runat="server" />

      </td>

   </tr>

</table>

Ordered List Box - Javascript Not Enabled

Move Up
Move Down
Move Left
Delete

Demo Code from Above


<table border="0">

   <tr>

      <td>

         <asp:ListBox runat="server" id="leftDemo2" Rows="8" Width="100px">

            <asp:ListItem>One</asp:ListItem>

            <asp:ListItem>Two</asp:ListItem>

            <asp:ListItem>Three</asp:ListItem>

            <asp:ListItem>Four</asp:ListItem>

            <asp:ListItem>Five</asp:ListItem>

         </asp:ListBox>

      </td>

      <td valign="top">

         <ew:ListTransfer TransferFromID="leftDemo2" EnableClientScript="true" TransferType="Up" Text="Move Up" ImageUrl="~/images/uparrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo2" EnableClientScript="true" TransferType="Down" Text="Move Down" ImageUrl="~/images/downarrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo2" EnableClientScript="true" TransferToID="rightDemo2" TransferType="Control" Text="Move Right" ImageUrl="~/images/rightarrow.gif" runat="server" /><br />

         <ew:ListTransfer TransferFromID="leftDemo2" EnableClientScript="true" TransferType="Delete" Text="Delete" ImageUrl="~/images/delete.gif" runat="server" />

      </td>

      <td>

         <asp:ListBox runat="server" id="rightDemo2" Rows="8" SelectionMode="Multiple">

            <asp:ListItem>Six</asp:ListItem>

            <asp:ListItem>Seven</asp:ListItem>

            <asp:ListItem>Eight</asp:ListItem>

            <asp:ListItem>Nine</asp:ListItem>

            <asp:ListItem>Ten</asp:ListItem>

         </asp:ListBox>

      </td>

      <td valign="top">

         <ew:ListTransfer TransferFromID="rightDemo2" TransferType="Up" Text="Move Up" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo2" TransferType="Down" Text="Move Down" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo2" TransferToID="leftDemo2" TransferType="Control" MakeCopy="true" Text="Move Left" runat="server" /><br />

            <ew:ListTransfer TransferFromID="rightDemo2" TransferType="Delete" Text="Delete" runat="server" />

      </td>

   </tr>

</table>

.net resources

for an excentric world

quicklinks

quickblog