使用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嘛。。。)

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

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

目录
相关文章
|
9月前
|
前端开发 JavaScript 数据库
layui联动菜单搜索select表单选项的设置方法
layui联动菜单搜索select表单选项的设置方法
200 0
|
9月前
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
layui内部表单互动的实战案例:根据radio单选框自动改变input内容
112 0
|
9月前
|
JavaScript 算法 前端开发
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
layui框架实战案例(16):xm-select下拉多选插件实战记录(远程搜索、过滤、翻页、单选、提示文字)
479 0
|
前端开发 JavaScript UED
如何更好的去除谷歌浏览器中input自动填充背景?
如何更好的去除谷歌浏览器中input自动填充背景?
如何更好的去除谷歌浏览器中input自动填充背景?
|
前端开发 API 定位技术
【百度地图API】如何使用suggestion--下拉列表方式的搜索建议
原文:【百度地图API】如何使用suggestion--下拉列表方式的搜索建议 摘要:   百度地图上有一个很强大的搜索建议功能,以下拉列表的方式展示出来。比如,输入“百度”,下拉列表中就会出现“北京市海淀区百度在线网络技术(北京)有限公司”。
2272 0
|
9月前
layui表单select框同时支持下拉和输入的解决方案
layui表单select框同时支持下拉和输入的解决方案
164 0
|
9月前
|
JavaScript PHP 数据库
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
layui框架实战案例(18):保存草稿和单选radio复选框checkbox无focus属性快速聚焦跳转的解决方案
181 0
|
9月前
|
数据管理 PHP 容器
layui框架实战案例(2):LayUI表格与Echarts图表交互展示及PHP后台数据管理(搜索、翻页、动态显示)
layui框架实战案例(2):LayUI表格与Echarts图表交互展示及PHP后台数据管理(搜索、翻页、动态显示)
293 0
|
9月前
|
JavaScript 数据安全/隐私保护
vue项目实战之点击小眼睛实现input密码框内容显示与隐藏
vue项目实战之点击小眼睛实现input密码框内容显示与隐藏
vue项目实战之点击小眼睛实现input密码框内容显示与隐藏
html+css实战134-搜索-布局和文本框
html+css实战134-搜索-布局和文本框
121 0
html+css实战134-搜索-布局和文本框