AjaxPro无刷新选择列表框/下拉框[方便|稳定]
选择 刷新 稳定 方便 下拉框 列表框
2023-09-14 09:00:58 时间
前言
看到网上很多关于ASP.NET的无刷新选择列表框,服务器端有的返回DataSet,有的返回DataView,有的用分隔符拼接一个长字符串返回,相应的客户端解析也是各有不同。DataSet+JS我是怎么也没弄成过,顺便在这里讲下返回DataSet不存在数据库关闭与否的问题。前端时间我上司写了一个这样的东西我改了下还蛮好用的,不敢独享,与大家分享一下吧:)
正题
服务器端代码:
/// Ajax服务器端响应方法
/// /summary
/// param name="param" /param
/// returns /returns
[AjaxPro.AjaxMethod]
public List List string GetData(string param)
{
//获得数据
Hashtable ht = DBHelper.GetDDLHashData(param);
List List string list = new List List string ();
List string ilist;
//迭代拷贝数据
foreach (DictionaryEntry item in ht)
{
ilist = new List string ();
ilist.Add(item.Key.ToString());
ilist.Add(item.Value.ToString());
list.Add(ilist);
}
return list;
}
代码基本上不难,用泛型来包装一个List返回给客户端。再看客户端代码:
//添加Dropdownlist内容
function AddItemsTosDropdown(array,obj)
{
try{
var GetObj=document.getElementById(obj);
GetObj.length=0;
GetObj.options.add(new Option("请选择",""));
for(var i=0;i array.length;i++){
GetObj.options.add(new Option(array[i][1],array[i][0]));
}
}
catch(e){
alert(e.message);
}
调用js方法代码:
function selectChangeData(selectedValue)
{
try
{
//获得数据并添加到列表框
AddItemsTosDropdown(ItemSeach.GetData(String(selectedValue)).value," %=ddlControl.ClientID% ");
}catch(e){
alert(e.message);
}
OK!没有一点问题,复制代码只需要改下数据源获取就可以用了,比较通用,但是别忘了AjaxPro使用的基本设置。
大家也可以在这个基础上加强,写得更通用一些:)
补充说明:
感谢上司,但是不知道上司是不是也是拿来主义,所有来个通用的:感谢代码的原作者:)
转载:http://www.cnblogs.com/over140/archive/2008/06/16/1222962.html
elementui plus怎么在级联选中后关闭弹层 相信大家平时在敲代码的时候,经常都会用到 elementui 组件库,那么就有一个问题,elementui plus怎么在级联选中后关闭弹层呢?
相关文章
- Wechat之外的选择-Telegram
- 自建直播间无从下手?Lighthouse给你新选择
- 腾讯云轻量2核2G4M带宽月流量/CPU/地域选择及限制说明
- Oracle网格安装:高效灵活的选择(oracle网格安装选项)
- 五大Linux发行版:简洁易用的选择(linux有哪几种系统)
- 安装Linux多系统:路径选择与安全提示(安装多系统Linux)
- 高效稳定!MySQL处理10万数据库的绝佳选择(mysql10万数据库)
- Redis PHP扩展:高效数据处理的必备选择(redisphp扩展)
- LP Linux:打印与操作系统完美融合的开源选择(lp linux)
- Linux 实际应用场景汇总:为何越来越多企业、个人选择使用Linux系统?(linux 实际应用)
- 如何选择适合自己的MySQL下载版本(mysql下载选哪个版本)
- 在PHP世界中选择最合适的模板与使用方法
- 可选择和输入的下拉列表框示例
- 怎么选择Javascript框架(JavascriptFramework)
- 无刷新预览所选择的图片示例代码