'Devexpress' 카테고리의 글 목록

<asp:Content ID="Content2" ContentPlaceHolderID="phContent" runat="Server">
     <dxcb:ASPxCallback ID="ASPxCallback1" runat="server" ClientInstanceName="Callback">
         <ClientSideEvents CallbackComplete="function(s, e) { LoadingPanel.Hide(); }" />
     </dxcb:ASPxCallback>
     <dxe:ASPxCheckBox ID="ASPxCheckBox1" runat="server" AutoPostBack="true" Checked="True"
         Text="Display the ASPxLoadingPanel over a specific control">
     </dxe:ASPxCheckBox>
     <br />
     <div style="padding: 0px 100px;">
         <table style="width: 100%;"><tr><td id="Panel" align="center" valign="middle" class="Panel">
             <dxe:ASPxButton ID="ASPxButton1" runat="server" Text="Show Loading Panel" AutoPostBack="False">
                 <ClientSideEvents Click="function(s, e) {
     Callback.PerformCallback();
     LoadingPanel.Show();
}"
                     />
             </dxe:ASPxButton>
         </td></tr></table>
     </div>
     <dxlp:ASPxLoadingPanel ID="LoadingPanel" runat="server" ClientInstanceName="LoadingPanel" Modal="True">
     </dxlp:ASPxLoadingPanel>
</asp:Content>

<dxcb:ASPxCallback ID="ASPxCallback1" runat="server" ClientInstanceName="Callback1" OnCallback="ASPxCallback1_Callback">
     <ClientSideEvents CallbackComplete="function(s, e) {
         var element = GetDetailsContainer(e.parameter);
         element.innerHTML = e.result;
     }" />
</dxcb:ASPxCallback>
----------------
protected void ASPxCallback1_Callback(object source, CallbackEventArgs e) {
         string xpath = string.Format("//items/item[@newsID='{0}']", e.Parameter);
         XmlNode node = XmlDataSource1.GetXmlDocument().SelectSingleNode(xpath);
         if (node != null)
             e.Result = node.Attributes["Description"].Value;
     }
----------------

function GetDetailsContainer(id) {
    return document.getElementById("details" + id.toString());
}        
function ShowDetails(id) {
    GetDetailsContainer(id).style.paddingTop = "14px";
    GetDetailsContainer(id).style.paddingRight = "12px";
    GetDetailsContainer(id).innerHTML = "Loading&hellip;";
    Callback1.PerformCallback(id);
}

For that purposes you can use our ASPxCallbackPanel control.

ASPX:

<

table style="width: 640px;">
    <tr>
        <td style="text-align: center;">View Selector</td>
        <td style="text-align: center;">Dynamic View</td>
    </tr>
    <tr>
        <td style="width: 100px; border: 1px solid #FA3385;">
            <dxm:ASPxMenu ID="ASPxMenu1" runat="server" Orientation="Vertical">
                <ClientSideEvents ItemClick="function(s, e) { callbackPanel.PerformCallback(e.item.index); }" />
                <Items>
                    <dxm:MenuItem Text="View #1" Name="View1" />
                    <dxm:MenuItem Text="View #2" Name="View2" />
                </Items>
            </dxm:ASPxMenu>
        </td>
         <td style="border: 1px solid #B6FC35;">
             <dxcp:ASPxCallbackPanel ID="ASPxCallbackPanel1" runat="server" ClientInstanceName="callbackPanel" OnCallback="OnCallback">
                 <PanelCollection>
                     <dxp:PanelContent runat="server">
                         <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0">
                             <asp:View ID="View1" runat="server">
                                 View #1 Content
                             </asp:View>
                             <asp:View ID="View2" runat="server">
                                 View #2 Content
                             </asp:View>
                         </asp:MultiView>
                     </dxp:PanelContent>
                  </PanelCollection>
              </dxcp:ASPxCallbackPanel>
         </td>
     </tr>
</table>

CS:

protected

void OnCallback(object source, DevExpress.Web.ASPxClasses.CallbackEventArgsBase e) {
MultiView1.ActiveViewIndex = Int32.Parse(e.Parameter);
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register assembly="DevExpress.Web.ASPxEditors.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxEditors" tagprefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxCallbackPanel" tagprefix="dxcp" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxPanel" tagprefix="dxp" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxDataView" tagprefix="dxdv" %>

<!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 runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:AccessDataSource id="AccessDataSource1" runat="server" DataFile="~/App_Data/nwind.mdb" SelectCommand="SELECT [EmployeeID], [FirstName] + ' ' + [LastName] AS [Name]
     FROM [Employees]
     ORDER BY 2"></asp:AccessDataSource>
    <dxe:ASPxListBox id="ASPxListBox1" ValueField="EmployeeID" ClientInstanceName="ListBox" BackColor="Transparent" TextField="Name" runat="server"
        DataSourceid="AccessDataSource1">
    <ClientSideEvents SelectedIndexChanged="function(s, e) {
     var item = ListBox.GetSelectedItem();
        CallbackPanel.PerformCallback(item.value);}" />
    </dxe:ASPxListBox>
    <dxcp:ASPxCallbackPanel id="ASPxCallbackPanel1" runat="server" ClientInstanceName="CallbackPanel" Width="200px" oncallback="ASPxCallbackPanel1_Callback">
        <PanelCollection>
    <dxp:PanelContent runat="server">
    <dxdv:ASPxDataView id="ASPxDataView1" RowPerPage="1" ColumnCount="1" Width="165%" runat="server" DataSourceid="AccessDataSource2">
         <PagerSettings Visible="False"></PagerSettings>
         <Paddings Padding="0px"></Paddings>
         <ItemTemplate>
         <table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" style="padding-top: 7px;">
         </td><td><div class="Spacer" style="width: 13px;"></div></td><td valign="top"><table border="0" cellpadding="0" cellspacing="4"><tr>
         <td class="dxcp_tCategory">ID:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="EmployeeIDLabel" runat="server" Text='<%# Eval("EmployeeID") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">First Name:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="FirstNameLabel" runat="server" Text='<%# Eval("FirstName") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Last Name:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="LastNameLabel" runat="server" Text='<%# Eval("LastName") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Birth Date:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="BirthDateLabel" runat="server" Text='<%# String.Format("{0:d}",Eval("BirthDate")) %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">City:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="CityLabel" runat="server" Text='<%# Eval("City") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Region:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="RegionLabel" runat="server" Text='<%# Eval("Region") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td valign="top" class="dxcp_tCategory">Notes:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="NotesLabel" runat="server" Text='<%# Eval("Notes") %>'></dxe:ASPxLabel>
         </td></tr></table>
         </td></tr></tbody></table>
         </ItemTemplate>
        <ItemStyle Width="100%" />
    </dxdv:ASPxDataView>
    <asp:AccessDataSource id="AccessDataSource2" runat="server"
        DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [BirthDate], [City], [Region], [Photo], [Notes] FROM [Employees] WHERE ([EmployeeID] = ?)">
        <SelectParameters>
            <asp:Parameter DefaultValue="1" Name="EmployeeID" Type="Int32" />
        </SelectParameters>
    </asp:AccessDataSource>
                            </dxp:PanelContent>
</PanelCollection>
                    </dxcp:ASPxCallbackPanel>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

function PerformCallback(
   args : String
);
// Deleting selected rows.
protected void ASPxGridView1_CustomCallback(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewCustomCallbackEventArgs e) {
    // Obtains the key values of selected rows.
    List<object> keyValues = ASPxGridView1.GetSelectedFieldValues("ID");
    StringBuilder sb = new StringBuilder(keyValues[0].ToString());
    foreach (object key in keyValues) {
        AccessDataSource1.DeleteParameters["ID"] = new Parameter("ID", TypeCode.Int32, key.ToString());
        AccessDataSource1.Delete();
    }
    // Refreshes the grid.
    ASPxGridView1.DataBind();
}

protected void ASPxGridView1_CustomCallback(object sender, DevExpress.Web.ASPxGridView.ASPxGridViewCustomCallbackEventArgs e) {
ASPxGridView1.DataBind();
}

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register assembly="DevExpress.Web.ASPxEditors.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxEditors" tagprefix="dxe" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxCallbackPanel" tagprefix="dxcp" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxPanel" tagprefix="dxp" %>
<%@ Register assembly="DevExpress.Web.v8.3, Version=8.3.2.0, Culture=neutral, PublicKeyToken=b88d1754d700e49a" namespace="DevExpress.Web.ASPxDataView" tagprefix="dxdv" %>

<!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 runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:AccessDataSource id="AccessDataSource1" runat="server" DataFile="~/App_Data/nwind.mdb" SelectCommand="SELECT [EmployeeID], [FirstName] + ' ' + [LastName] AS [Name]
     FROM [Employees]
     ORDER BY 2"></asp:AccessDataSource>
    <dxe:ASPxListBox id="ASPxListBox1" ValueField="EmployeeID" ClientInstanceName="ListBox" BackColor="Transparent" TextField="Name" runat="server"
        DataSourceid="AccessDataSource1">
    <ClientSideEvents SelectedIndexChanged="function(s, e) {
     var item = ListBox.GetSelectedItem();
        CallbackPanel.PerformCallback(item.value);}" />
    </dxe:ASPxListBox>
    <dxcp:ASPxCallbackPanel id="ASPxCallbackPanel1" runat="server" ClientInstanceName="CallbackPanel" Width="200px" oncallback="ASPxCallbackPanel1_Callback">
        <PanelCollection>
    <dxp:PanelContent runat="server">
    <dxdv:ASPxDataView id="ASPxDataView1" RowPerPage="1" ColumnCount="1" Width="165%" runat="server" DataSourceid="AccessDataSource2">
         <PagerSettings Visible="False"></PagerSettings>
         <Paddings Padding="0px"></Paddings>
         <ItemTemplate>
         <table border="0" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" style="padding-top: 7px;">
         </td><td><div class="Spacer" style="width: 13px;"></div></td><td valign="top"><table border="0" cellpadding="0" cellspacing="4"><tr>
         <td class="dxcp_tCategory">ID:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="EmployeeIDLabel" runat="server" Text='<%# Eval("EmployeeID") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">First Name:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="FirstNameLabel" runat="server" Text='<%# Eval("FirstName") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Last Name:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="LastNameLabel" runat="server" Text='<%# Eval("LastName") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Birth Date:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="BirthDateLabel" runat="server" Text='<%# String.Format("{0:d}",Eval("BirthDate")) %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">City:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="CityLabel" runat="server" Text='<%# Eval("City") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td class="dxcp_tCategory">Region:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="RegionLabel" runat="server" Text='<%# Eval("Region") %>'></dxe:ASPxLabel>
         </td></tr><tr>
         <td valign="top" class="dxcp_tCategory">Notes:</td>
         <td class="dxcp_tInfo"><dxe:ASPxLabel id="NotesLabel" runat="server" Text='<%# Eval("Notes") %>'></dxe:ASPxLabel>
         </td></tr></table>
         </td></tr></tbody></table>
         </ItemTemplate>
        <ItemStyle Width="100%" />
    </dxdv:ASPxDataView>
    <asp:AccessDataSource id="AccessDataSource2" runat="server"
        DataFile="~/App_Data/nwind.mdb"
        SelectCommand="SELECT [EmployeeID], [LastName], [FirstName], [BirthDate], [City], [Region], [Photo], [Notes] FROM [Employees] WHERE ([EmployeeID] = ?)">
        <SelectParameters>
            <asp:Parameter DefaultValue="1" Name="EmployeeID" Type="Int32" />
        </SelectParameters>
    </asp:AccessDataSource>
                            </dxp:PanelContent>
</PanelCollection>
                    </dxcp:ASPxCallbackPanel>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Woody

ASPxLoadingPanel + ASPxCallback

ASPxCallback Example

ASPxCallbackPanel + menu examle

CallbackPanel.PerformCallback(item.value)

grid.PerformCallback

CallBackPanel Example

티스토리툴바