点击按钮进入一个只能选择的页面

本文介绍了一个基于ASP.NET的线路选择界面实现方案,通过使用弹窗方式展示线路信息,并利用GridView进行数据展示,结合JavaScript实现异步加载及数据交互。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

主页面:

   <td align="center">
                                                            线路名称:
                                                        </td>
                                                        <td width="199" align="left">
                                                            <asp:TextBox ID="txt_roadName" runat="server" CssClass="input" /><span style="color: Red">*</span>
                                                        </td>
                                                     <td width="54" align="left">
                                                            <asp:ImageButton ID="btn_selectRoadRemark" runat="server" Width="43px" Height="19px"
                                                                ImageUrl="~/StyleFiles/images/bettery_07.gif" OnClientClick="openWindowRoadRemark()" />
                                                        </td>

 线路标记(隐藏):    <asp:Label ID="lbl_roadRemark" runat="server" CssClass="input" Style="display: none" />

 

 

 

主页面的js代码:
        //开启线路标记窗口
        function openWindowRoadRemark() {
            var result = window.showModalDialog("FindCircuitList.aspx?Rnd=" + Math.random(), "", "location:No;status:No;help:No;dialogWidth:610px;dialogHeight:500px;");
            if (result) {
                var list = result.split('*');
                document.getElementById("txt_roadName").value = list[0];
                document.getElementById("lbl_roadRemark").value = list[1];

            }
        }

 

 

主页面的后台代码:

        //ScriptManager1.RegisterAsyncPostBackControl(btn_selectRoadRemark);

(这个选择按钮需要在Page_load程序开始的方法注册一下,否则页面会刷新的)

 

 

需要选择的窗口页面:

<%@ Register Src="~/PageControl.ascx" TagName="PageControl" TagPrefix="uc2" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!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>线路信息</title>
    <link href="../StyleFiles/style/default.css" rel="stylesheet" type="text/css" />
    <link href="../StyleFiles/style/CarList.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" language="javascript">
        function execute(carNO) {
            window.returnValue = carNO;
            window.close();
        }  
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div style="text-align: center">
        <table>
            <tr>
                <td>
                    <div id="carlist">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #d4e4f3;">
                            <tr>
                                <td class="carlist_bt">
                                    线路名称:
                                </td>
                                <td width="130px">
                                    <asp:TextBox ID="txt_carNO" runat="server" CssClass="inputkcar"></asp:TextBox>
                                    <cc1:AutoCompleteExtender ID="txt_carNo_AutoCompleteExtender" runat="server" DelimiterCharacters=""
                                        ServicePath="" ServiceMethod="GetCarCompletionList" UseContextKey="True" MinimumPrefixLength="1"
                                        TargetControlID="txt_carNO">
                                    </cc1:AutoCompleteExtender>
                                </td>
                                <td align="left">
                                    <asp:Button ID="btn_query" runat="server" Text="查询" Style="float: none" CssClass="anniu"
                                        OnClick="btn_query_Click" />
                    <%--<asp:Button ID="btnAdd" CssClass="anniu" runat="server" Text="新增" OnClick="btnAdd_Click" />--%>
                                </td>
                            </tr>
                        </table>
                    </div>
                </td>
            </tr>
            <tr>
                <td>
                    <asp:UpdatePanel ID="up_gv" runat="server" UpdateMode="Conditional">
                        <ContentTemplate>
                            <asp:GridView ID="gv_car" runat="server" AutoGenerateColumns="False" CellPadding="2"
                                CssClass="gridview_title" Width="100%">
                                <FooterStyle CssClass="gridview_footer" HorizontalAlign="Center" />
                                <RowStyle CssClass="gridview_row" HorizontalAlign="Center" />
                                <PagerStyle CssClass="gridview_page" />
                                <AlternatingRowStyle CssClass="gridview_alternatingrow" />
                                <HeaderStyle CssClass="gridview_header" HorizontalAlign="Center" />
                                <SelectedRowStyle CssClass="gridview_selectrow" />
                                <Columns>
                                    <asp:BoundField DataField="名称" HeaderText="线路名称" />
                                    <asp:TemplateField HeaderText="选择">
                                        <ItemTemplate>
                                            <input id="btn_add" class="anniu" type="button" value="选择" onclick="execute('<%# Eval("名称") %>*<%# Eval("线路ID")%>*<%# Eval("线路点集")%>');" />
                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                            <uc2:PageControl ID="PageControl1" runat="server" PageSize="10" />
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

来杯水

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值