使用Input控件完成站内搜索功能

简介: 不知道是我傻还是脑子不转个,当别人问我页面传值的方式的时候我能说出来一大堆,也知道怎么使用(用服务端控件的时候) 但一直以来我都不知道怎么使用input传值,今天晚上没啥事,试了一交,突然想起来一个很重要的东西,那就是input的name属性,我咋就把你忘了呀! 例如: 哎杯具啊~~  我不知道有多少人和我一样,把这些东西忘掉了,一直都不知道怎么用客户端控件开发asp.net   因为已经习惯了服务端控件给我们带来的方便。

不知道是我傻还是脑子不转个,当别人问我页面传值的方式的时候我能说出来一大堆,也知道怎么使用(用服务端控件的时候)

但一直以来我都不知道怎么使用input传值,今天晚上没啥事,试了一交,突然想起来一个很重要的东西,那就是input的name属性,我咋就把你忘了呀!

例如:

<input type="text" name="txtWords"/>

<input type="submit" value="搜索"/>

哎杯具啊~~  我不知道有多少人和我一样,把这些东西忘掉了,一直都不知道怎么用客户端控件开发asp.net   因为已经习惯了服务端控件给我们带来的方便。 

然后通过form表单提交:Method="post" 提交方式.   action="Default.aspx" 提交到哪里.

然后在Default.aspx的页面中使用 Request.Form["txtWords"]; 来获取。

别问为什么是txtWords,如果是这样,那我上面就白废话了。。

来个完整的点的代码吧:

< body >
     
< form  id ="form1"  method ="post"  action ="ShowList.aspx" >

    
< div  class ="column" >
        请输入搜索内容:
        
< input  id ="txtWords"  name ="txtWords"  type ="text"   />< input  id ="btnSearch"  type ="submit"
            value
="搜索"   /> </ div >
    
< div  class ="column" >
        
< ul >
            
< asp:ListView  ID ="objListView"  runat ="server" >
                
< ItemTemplate >
                    
< li >< span > <% # Eval ( " id " %> </ span >  
                        
< span > <% # Eval ( " saleName " %> </ span >

                        <span><%#Eval("price"%></span>

                        <span><%#Eval("count"%></span>

                        <span><%#Eval("amount"%></span>

                        <span><%#Eval("InDate"%></span></li>

                 </ItemTemplate>

             </asp:ListView>

          </ul>

     </div>

</form>

</body> 


在这个过程中我发现一个挺有意思的东西,以前一直都没发现,就是ListView在没有runat="server"的时候还可以使用,编译不会报错。GridView就不行,像TextBox ,Button等控件都不行。

也许你可能会说我吃饱了没事干,撑着了写这个东西,因为我"讨厌"ViewState,它生成的字符串太让人纠结了.  没有还不习惯,有吧看着还闹心,只好用传统的Html来写了,哈哈。

 

接收表单数据的页面后台代码:

  public   partial   class  ShowList : System.Web.UI.Page
    {
        
protected   void  Page_Load( object  sender, EventArgs e)
        {
            
if  ( ! IsPostBack)
            {
               
string  Words  =  Request.Form[ " txtWords " ];
               objListView.DataSource 
=  DAL.GetSearch(Words);
               objListView.DataBind();
            }
        }

     } 

这样就OK了,其实只要我们拿到表提交过来的值,后面该怎么开发就怎么开发,和开发WebForm一样(本来就是WebForm嘛。。。)

 可偏偏一直以来都转不过来这个弯…… 

希望看过这篇文章的同学能够和我一样恍然大悟。 

目录
相关文章
|
6月前
|
XML Java Android开发
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
Android Studio App开发中改造已有的控件实战(包括自定义支付宝月份选择器、给翻页栏添加新属性、不滚动的列表视图 附源码)
113 1
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
563 0
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
202 0
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
818 0
|
5天前
|
前端开发 程序员 API
前端|基于 Layui 实现动态搜索选择框
网页端实现动态搜索选择框,要求下拉选项列表能根据用户输入内容动态刷新,最终提交的值必须是由选项列表中点选的。
26 3
|
4月前
|
小程序 数据库
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
【微信小程序-原生开发】实用教程10 - 动态的新增、修改、删除(含微信云数据库的新增、修改、删除,表单弹窗、确认弹窗、日期选择器、单行输入框、多行输入框、滑动组件的使用)
110 0
|
2月前
|
前端开发 数据安全/隐私保护
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
本文档详细介绍了HTML表单的多种元素及其用法,包括下拉菜单(`&lt;select&gt;` 和 `&lt;option&gt;`)、文本域(`&lt;textarea&gt;`)、标签解释(`&lt;label&gt;`)、各类按钮(`&lt;button&gt;`)及表单重置功能、无语义布局标签(`&lt;div&gt;` 和 `&lt;span&gt;`)以及字符实体的应用。此外,还提供了一个完整的注册信息表单案例,涵盖个人信息、教育经历和工作经历等部分,展示了如何综合运用上述元素构建实用的表单。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】
|
4月前
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
92 0
Element UI 多选表格【翻页多选】简易版(不支持翻页多选数据反显)
|
4月前
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
Element UI 多选表格【翻页多选】全能版(含翻页多选数据反显、toggleRowSelection失效的原因解析和解决方案)
253 0
element-ui时间选择器限制只能点击不让输入(整理)
element-ui时间选择器限制只能点击不让输入(整理)