Coolite(ExtJS)向后台Asp.net C#发送参数

本文介绍了一种使用Ext组件库中的TextField和ComboBox实现无刷新页面的数据传递方法。通过Button的Click事件触发,将输入框和下拉列表的选择结果发送到后台进行处理。

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

假设:页面上有一个文本框,一个下拉列表,我们希望,点击一个Button,后台可以获取我们在文本框填入的值,下拉列表选中的值,至于怎么处理这些值,那是另外的事情,代码如下: 

Java代码 
  1. <ext:TextField   
  2.  ID="TextField3"   
  3.  runat="server"   
  4.  FieldLabel="Company Name"   
  5.  AllowBlank="false"  
  6.  />  
  7.   
  8. <ext:ComboBox   
  9.  ID="ComboBox3"   
  10.  runat="server"   
  11.  FieldLabel="# of Employees">  
  12.  <Items>  
  13.   <ext:ListItem Text="1-5" Value="0" />  
  14.   <ext:ListItem Text="6-25" Value="1" />  
  15.   <ext:ListItem Text="26-100" Value="2" />  
  16.   <ext:ListItem Text="101+" Value="3" />  
  17.   </Items>  
  18. </ext:ComboBox>  

Button代码如下: 
Java代码 
  1. <Buttons>  
  2.   <ext:Button runat="server" Text="Submit" Icon="Lightning">  
  3.     <Listeners>  
  4.       <Click Handler="Coolite.AjaxMethods.LogCompanyInfo(#{TextField3}.getValue(), #{ComboBox3}.getValue());" />  
  5.     </Listeners>  
  6.   </ext:Button>  
  7. </Buttons>  

从Button定义的代码我们可以看到,获取参数的代码就是#{TextField3}.getValue(),下拉列表也一样:#{ComboBox3}.getValue() 
通过handler,我们可以访问后台的C#函数: 
Java代码 
  1. [AjaxMethod]  
  2. public void LogCompanyInfo(string name, int count)  
  3. {  
  4.   string template = string.Concat("<b>{0}</b> has approximately <b>{1}</b> employees.");  
  5.   string[] employees = new string[4] { "1-5""6-25""26-100""100+" };  
  6.                   
  7.   this.Label3.Html = string.Format(template, name, employees[count]);  
  8. }  


这样,我们就可以无刷新通过Button,给后台传递参数了.
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值