.net简单页面后台绑定下拉框，按钮，分页 前台aspx页面

一、aspx页面

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UpdateMTablesQCols.aspx.cs"
    Inherits="BS.EAP.Portal.Business.DataQuery.UpdateMTablesQCols" EnableEventValidation="false" %>

<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<%@ Register Src="../../Controls/UserControl/DateProvider.ascx" TagName="DateProvider"
    TagPrefix="uc1" %>
<!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>查询数据表列</title>

    <script src="../../Script/Jquery/jquery-1.5.1.js" type="text/javascript"></script>

    <link rel="stylesheet" href="../../Script/Jquery/themes/base/jquery.ui.all.css" />

    <script src="../../Script/Jquery/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.core.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.widget.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.mouse.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.button.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.draggable.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.position.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.resizable.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.ui.dialog.js" type="text/javascript"></script>

    <script src="../../Script/Jquery/ui/jquery.effects.core.js" type="text/javascript"></script>

    <style type="text/css">
        .x-tree-node
        {
            font-size: 12px;
        }
        .x-grid3-hd-row TD
        {
            font-size: 12px;
        }
        .x-grid3-row TD
        {
            font-size: 12px;
            line-height: 16px;
        }
        .displayNone
        {
            display: none;
        }
        #gvMutiQueResult th
        {
            text-align: center;
        }
    </style>

    <script type="text/javascript">
        function ShowRemind() {

            if (confirm("请确认是否进行更新多表查询列操作?")) {
                return true;
            } else {
                return false;
            }

        }

            function ShowHidden(obj) {
            if ($("#div_QueryCon").css("display") == "none") {
                $("#div_QueryCon").css({ "display": "" });
                $(obj).attr("src", "../../App_Themes/Green/Images/Toggle_Up.gif");
                $("#ShowHideCon").attr("innerText", "收起");
            }
            else {
                $("#div_QueryCon").css({ "display": "none" });
                $(obj).attr("src", "../../App_Themes/Green/Images/Toggle_Down.gif");
                $("#ShowHideCon").attr("innerText", "展开");
            }
        }
          </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server" LoadScriptsBeforeUI="true">
        <Services>
            <asp:ServiceReference Path="./QueryInfor.svc" />
        </Services>
    </asp:ScriptManager>
    <ext:ResourceManager ID="ResourceManager1" runat="server" CleanResourceUrl="false" />
    <asp:HiddenField ID="HtmlCurBizType" runat="server" />
    <div>
        <table width="280">
            <tr>
                <td>
                    <img src="../../App_Themes/Green/Images/FormTitle.gif" align="absMiddle" />&nbsp;&nbsp;<font
                        color="#000000"><b>查询数据表列页面</b></font>
                </td>
            </tr>
            <tr>
                <td class="FormFadeLine" colspan="2">
                    &nbsp;
                </td>
            </tr>
        </table>
        <table>
            <tr>
                <td>
                    <label id="ShowHideCon">
                        收起</label>
                    <img src="../../App_Themes/Green/Images/Toggle_Up.gif" style="border- 0; vertical-align: bottom;
                        cursor: pointer;" onclick="ShowHidden(this)" />
                </td>
            </tr>
            <tr>
                <td>
                    <asp:HiddenField ID="Hdn_EditConditionID" runat="server" />
                </td>
            </tr>
        </table>
        <div id="div_QueryCon">
            <table id="tb_QuertCondtion" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>
                        &nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <%-- <td valign="top" style="padding-top: 2px">
                        业务：
                    </td>--%>
                    <td>
                        &nbsp;&nbsp;<asp:Button ID="updateBtn" runat="server" OnClick="BtnUpdate_Click" Text="更新查询列"
                            OnClientClick=" return ShowRemind()" />&nbsp;&nbsp;&nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td>
                        &nbsp;&nbsp;
                    </td>
                </tr>
                <tr>
                    <td id="td_Dept" runat="server">
                        &nbsp;&nbsp;业务:
                        <asp:DropDownList ID="drpDept" runat="server" AutoPostBack="true" OnSelectedIndexChanged="drpDept_SelectedIndexChanged">
                        </asp:DropDownList>
                    </td>
                    <td id="td_Table" runat="server">
                        &nbsp;&nbsp;表:
                        <asp:DropDownList ID="drpTable" runat="server" AutoPostBack="true" OnSelectedIndexChanged="drpTable_SelectedIndexChanged">
                        </asp:DropDownList>
                    </td>
                    <td>
                        &nbsp;&nbsp;<asp:Button ID="btnQuery" runat="server" Text="查询" OnClick="BtnQuery_Click" />
                    </td>
                </tr>
                <tr style="height: 10px">
                </tr>
                <tr>
                    <td colspan="2">
                        <hr style="border: 0.5px solid silver; 100%; text-align: left" />
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <asp:UpdatePanel ID="QueryResult" runat="server">
        <ContentTemplate>
            <div id="imageWait" class="displayNone">
                <img alt="请稍候......" src="../../App_Themes/Green/Images/loading.gif" />正在生成查询，请稍候......
            </div>
   <asp:SqlDataSource ID="sqlDSMultiQuery" runat="server" ConnectionString="<%$ ConnectionStrings:DefaultConnectionString %>"
                ProviderName="<%$ ConnectionStrings:DefaultConnectionString.ProviderName %>">
            </asp:SqlDataSource>
            <asp:GridView ID="gvMutiQueResult" runat="server" AllowPaging="True" AutoGenerateColumns="False"
                OnPageIndexChanging="gvMutiQueResult_PageIndexChanging" PageSize="20" Height="50px">
                <HeaderStyle HorizontalAlign="NotSet" VerticalAlign="NotSet" Wrap="False" Height="20px" />
                <RowStyle BackColor="LightCyan" Font-Bold="False" Font-Overline="False" HorizontalAlign="Center"
                    VerticalAlign="Middle" Wrap="False" />
                <PagerStyle HorizontalAlign="Center" Wrap="True" />
                <PagerTemplate>
                    <div style="margin-left: 200px; text-align: left;">
                        <asp:LinkButton ID="cmdFirstPage" runat="server" CommandName="Page" CommandArgument="First"
                            Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex!=0 %>">首页</asp:LinkButton>
                        <%--<asp:LinkButton ID="cmdPreview" runat="server" CommandArgument="Prev" CommandName="Page"
                    Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex!=0 %>">前一页</asp:LinkButton>--%>
                        <asp:LinkButton ID="LinkButton0" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 %>"
                            CommandName="Page" Visible="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10 != 0 %>">...</asp:LinkButton>
                        <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 1 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 0 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 1) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton2" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 2 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 1 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 1 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 2) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton3" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 3 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 2 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 2 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 3) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton4" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 4 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 3 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 3 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 4) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton5" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 5 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 4 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 4 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 5) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton6" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 6 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 5 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 5 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 6) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton7" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 7 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 6 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 6 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 7) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton8" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 8 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 7 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 7 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 8) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton9" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 9 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 8 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 8 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 9) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton10" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 10 %>"
                            Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 9 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>"
                            CommandName="Page" Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex%10 != 9 %>"> <%# ((((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 10) %></asp:LinkButton>
                        <asp:LinkButton ID="LinkButton11" runat="server" CommandArgument="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 11 %>"
                            CommandName="Page" Visible="<%# (((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex/10)*10 + 10 < ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>">...</asp:LinkButton>
                        <%--<asp:LinkButton ID="cmdNext" runat="server" CommandName="Page" CommandArgument="Next"
                    Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex!=((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount-1 %>">后一页</asp:LinkButton>--%>
                        <asp:LinkButton ID="cmdLastPage" runat="server" CommandArgument="Last" CommandName="Page"
                            Enabled="<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex!=((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount-1 %>">尾页</asp:LinkButton>
                        第<asp:Label ID="lblcurPage" runat="server" Text='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex+1      %>'></asp:Label>页/共<asp:Label
                            ID="lblPageCount" runat="server" Text='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageCount %>'></asp:Label>页
                        转到第<input type="text" value='<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).PageIndex+1 %>'
                            id="previousSibling" style=" 20px; height: 13px;" onkeypress="javascript:if(event.keyCode==13){if(/^d+$/.test(this.value)){__doPostBack('<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).UniqueID %>','Page$'+this.value);}else{alert('必须为数字');return false;}}" />页
                        <input type="button" style=" 40px" value="Go" onclick="javascript:var o=document.getElementById('previousSibling');if(/^d+$/.test(o.value)){__doPostBack('<%# ((System.Web.UI.WebControls.GridView)Container.Parent.Parent).UniqueID %>','Page$'+o.value);}else{alert('必须为数字');return false;}" />
                    </div>
                </PagerTemplate>
            </asp:GridView>
        </ContentTemplate>
    </asp:UpdatePanel>
    <div id="divContent" style="display: none">
        <iframe id="frmReport" runat="server" width="100%" height="600px" frameborder="0"
            src="" scrolling="auto"></iframe>
    </div>
    <div style=" 98%; padding-top: 20px;" id="divLoadingFrame">
        <div id="divLoading" style="display: none">
            <table>
                <tr>
                    <td>
                        <img alt="请稍候......" src="../../App_Themes/Green/Images/loading.gif" />
                    </td>
                    <td valign="middle">
                        正在生成报表，请稍候......
                    </td>
                </tr>
            </table>
        </div>
    </div>

    <script type="text/javascript">
        //alert(top.window.document.body.scrollHeight + "," + screen.availHeight);
        document.getElementById("frmReport").height = top.window.document.body.scrollHeight - 240;
    </script>

    </form>
</body>
</html>

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/xuxin-1989/p/3877447.html