清风的细雨 2021-10-25 02:00 采纳率: 77.8%
浏览 95
已结题

ASP从后台改变前端div部分代码

如题,我想实现就是点击按钮,从后台调用click函数中的代码 改变前端某一div部分的代码,从而实现网页数据更改的效果。但是现在从后台该如何获取前台的这个div的id呢?求老哥们指教

前台div部分↓

<div style="width:90%; height: auto; margin:0 auto 0 100px;" id="s1">

</div>

-

    protected void Button1_Click(object sender, EventArgs e)
    {
        //规定了关键词查找的参数为“爱情”
        string value2 = "爱情";
        //以下是表的创建实例
        Website.Model.Flower[] flower = Website.DAL.FlowerDAL.FindSpecific1(value2);
        Website.Model.CombinationFlowers[] cflower = Website.DAL.CombinationFlowersDAL.FindSpecific1(value2);
        //以下是通过创建表格来显示数据库数据的前台代码
        Response.Write("<table style='border:1px solid black;width:1000px; height: 51px; margin:0 auto 0 140px;'align='center' ><tr style='border:1px solid black;' align='right'><td style='border:1px solid black;width:45px'><input type=button name='clickmeToSubmit' value='按花材搜索' onclick='callvalue2()' BackColor='#F6CAD2' BorderColor='White' style='border-style: none; font-family: 黑体; font-size: medium; margin-top: 0px; margin-left: 0px; height: 37px; width: 89px; background-color: #FEDFF4;' />   <input type=button name='clickmeToSubmit' value='按花束搜索' onclick='callvalue3()' BackColor='#F6CAD2' BorderColor='White' style='border-style: none; font-family: 黑体; font-size: medium; margin-top: 0px; margin-left: 0px; height: 37px; width: 89px; background-color: #FEDFF4;' /></td></tr></table>");
        Response.Write("<table style='border:1px solid black;width:1000px; height: 51px; margin:0 auto 0 140px;'align='center' ><tr style='border:1px solid black;' align='center'>");
        Response.Write("<td style='border:1px solid black;width:45px'>鲜花编号</td>");
        Response.Write("<td style='border:1px solid black;width:100px'>名称</td>");
        Response.Write("<td style='border:1px solid black;width:150px'>封面</td>");
        Response.Write("<td style='border:1px solid black;width:50px'>鲜花售价</td>");
        Response.Write("<td style='border:1px solid black;width:200px'>花语</td>");
        Response.Write("<td style='border:1px solid black;width:35px'>颜色</td>");
        for (int i = 0; i < cflower.Length; i++)
        {
            Response.Write("<table style='border:1px solid black;width:1000px; height: 51px; margin:0 auto 0 140px;' align='center'><tr style='border:1px solid black;'>");
            Response.Write(" <tr style='border:1px solid black;' align='center'>");
            Response.Write("  <td style='border:1px solid black;width:45px'>" + cflower[i].cf_id + "</td>");
            Response.Write("  <td style='border:1px solid black;width:100px'><a href='SingleCFlowerCheck.aspx?CFid=" + cflower[i].cf_id + "' target='_blank'>" + cflower[i].cf_name + "</a></td>");
            Response.Write("  <td style='border:1px solid black;width:150px'><img src='../Image/FlowerImage/" + cflower[i].cf_img + "'width='100px' height='100px'/></td>");
            Response.Write("  <td style='border:1px solid black;width:50px'>" + cflower[i].cf_price + "</td>");
            Response.Write("  <td style='border:1px solid black;width:200px'>" + cflower[i].cf_desc + "</td>");
            Response.Write("  <td style='border:1px solid black;width:35px'>" + cflower[i].cf_color + "</td>");
            Response.Write("</tr></table>");
        }
        for (int i = 0; i < flower.Length; i++)
        {
            Response.Write("<table style='border:1px solid black;width:1000px; height: 51px; margin:0 auto 0 140px;' align='center'><tr style='border:1px solid black;'>");
            Response.Write(" <tr style='border:1px solid black;' align='center'>");
            Response.Write("  <td style='border:1px solid black;width:45px'>" + flower[i].f_id + "</td>");
            Response.Write("  <td style='border:1px solid black;width:100px'><a href='SingleFlowerCheck.aspx?Fid=" + flower[i].f_id + "' target='_blank'>" + flower[i].f_name + "</a></td>");
            Response.Write("  <td style='border:1px solid black;width:150px'><img src='../Image/FlowerImage/" + flower[i].f_img + "'width='100px' height='100px'/></td>");
            Response.Write("  <td style='border:1px solid black;width:50px'>" + flower[i].sales_price + "</td>");
            Response.Write("  <td style='border:1px solid black;width:200px'>" + flower[i].f_desc + "</td>");
            Response.Write("  <td style='border:1px solid black;width:35px'>" + flower[i].f_color + "</td>");
            Response.Write("</tr></table>");
        }
        Response.Write("</tr></table>");
        Response.End();/////////////结束输出
    }
}

img

我现在的后台代码虽然实现了更改数据显示但是它是更改的整个界面的数据显示,我想让他只更改div部分的代码,请问各位老哥指教该如何修改。

展开全部

  • 写回答

2条回答 默认 最新

  • Yijing Sun 2021-10-25 03:03
    关注

    你好,
    如果你想要得到div 的id, 你可以给div 加上 "runat="server".

    <div id="div1" runat="server">
    </div>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    清风的细雨 2021-10-25 08:06

    可是老哥 我在后台应该怎么让这些 Response.Write填到这个div中呢

    回复
    Yijing Sun 回复 清风的细雨 2021-10-25 08:35

    有两种办法:
    1.使用controls.add 方法,创建table,然后设置table的样式,接着将控件添加到div 中.

     Table tb = new Table();
                tb.CssClass = "trcss";
                div1.Controls.Add(tb);
    

    2.使用InnerHtml.将table 作为一个string ,然后添加innerhtml到div 中.

                string strTable = string.Format("<table Style='border:2;border-width: 1px;'><tr><td>Name</td><td>City</td><td>State</td></tr><tr><td>Vijendra</td><td>Delhi</td> <td>UP</td></tr> <tr><td>Vijjendra</td><td>Noida</td><td>UP</td></tr></table>");
                div1.InnerHtml = strTable;
    

    回复
    清风的细雨 回复 Yijing Sun 2021-10-26 05:56

    老哥老哥 谢谢您的回答~您这个确实可以啦,但是他又有一个新的问题..就是“控件包含代码块(即 <% ... %>),因此无法修改控件集合。”我在网上搜他们说1.把Head中使用的<%=.....%>的脚本放到body中;2.去掉中的 runat="server";3.放到除body外的其他位置;都不行(T_T)...我只有在把u1到/u1中的内容去掉,才可以显示...

    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title></title>
        </head>
    <body>
        <form id="form1" runat="server">
        <div runat="server" id="s2">
        
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
            <br />
    
            <div style="width:90%; height: auto; margin:0 auto 0 100px;" id="s1" runat="server">
    
            <u1 style="list-style:none; margin:0; padding:0;">
                    <%  Website.Model.Flower[] flower = Website.DAL.FlowerDAL.GetAllExceptOFF();%>
    
                    <% for (int i = 0; i < flower.Length; i++)
                          {%>
    
                <li style="float:left; height:180px; width:250px; text-align:center; border:#DEDEDE solid 1px; margin:10px 10px 10px 0;">
                <a href="SingleFlowerCheck.aspx?Fid=<%=flower[i].f_id%>" target="_blank">
                <img src="../Image/FlowerImage/<%=flower[i].f_img%>" style="width:130px;height:130px;"/>
                <br /><%=flower[i].f_name%> | <%=flower[i].sales_price%></a></li>
                <% }%>
            </u1>
    
    
                     </div>
    
        </div>
        </form>
    </body>
    </html>
    
    

    后台就是在button代码中调用您写的那个第二种方法...您知道应该怎么解决吗〒▽〒..

    回复
    展开全部13条评论
查看更多回答(1条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 11月3日
  • 已采纳回答 10月27日
  • 创建了问题 10月25日

悬赏问题

  • ¥15 C#i编程中so-ir-192编码的字符集转码UTF8问题
  • ¥15 51嵌入式入门按键小项目
  • ¥30 海外项目,如何降低Google Map接口费用?
  • ¥15 fluentmeshing
  • ¥15 手机/平板的浏览器里如何实现类似荧光笔的效果
  • ¥15 盘古气象大模型调用(python)
  • ¥15 传人记程序做的plc 485从机程序该如何写
  • ¥15 已知手指抓握过程中掌指关节、手指各关节和指尖每一帧的坐标,用贝塞尔曲线可以拟合手指抓握的运动轨迹吗?
  • ¥50 libwebsockets 如何添加其他socket事件回调
  • ¥50 实现画布拖拽算子排布,通过flink实现算子编排计算,请提供思路
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部