asp.net c# select 动态加载数据
1、说明通过 asp.net,利用jQuery ,c#语言给 select控件动态加载数据。前端页面使用的是.aspx类型的HTML页面,后台使用MVC上的controller控制器
2、webconfig 设置连接字符串
<configuration>
<connectionStrings>
<add name="connectStr" connectionString="Data Source=192.168.1.105;Initial Catalog=TestDB;Persist Security Info=True;User ID=sa;pwd=sa;" providerName="System.Data.SqlClient" />
</connectionStrings>
</configuration>
3、获取连接字符串
public class DBHelper
{
/// <summary>
/// 获取数据库连接字符串
/// </summary>
/// <returns></returns>
public static string getConnStr()
{
return WebConfigurationManager.ConnectionStrings["connStr"].ToString();
}
}
4、用到的数据表
我这里的数据表是Oracle中的,大家也可以用sql数据库
CREATE TABLE "DMKJ_SYSINFO_TS"."T_USER"
( "ID" NUMBER(10,0),
"NAME" VARCHAR2(255 BYTE),
"DESCRIBE" VARCHAR2(255 BYTE)
}
5、前端页面代码
说明:需要自己引用jQuery的库文件
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="xx.aspx.cs" Inherits="xx.LoginPage" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
//在这里引入jQuery的库文件 </head>
<body>
<div > <select id="tt01" style=" width: 150px; height: 40px;font-size:17px;line-height: 40px;padding-left: 60px;" >
</select>
</div>
<script type="text/javascript">
$(function () {
GetUserList(); });
function GetUserList() {
$.post("Login/GetUser", function (data) {
var table = data;
$("#tt01").empty(); //首先清空select现在有的内容
$("#tt01").append("<option selected='selected' value=0>请选择用户..</option>");
for (var i = ; i < table.length; i++) {
var item = table[i];
$("#tt01").append("<option value=" + item.id + ">" + item.text + "</option>");
}
//返回的是json格式的数据
}, "json");
} </script>
</body>
</html>
6、后台代码
public JsonResult GetUser()
{
string sqlStr = "select * from HYMGS_SYSINFO_FJ.t_office";
OleDbDataReader dr =myExecuteReader(sqlStr);
List<OfficeEntity> myList = new List<OfficeEntity>();
while(dr.Read())
{
OfficeEntity ob1 = new OfficeEntity() {
id = Convert.ToInt32(dr["PID"].ToString()),
text = dr["NAME"].ToString()
};
myList.Add(ob1);
}
dr.Close();
return Json(myList, JsonRequestBehavior.DenyGet);
} public static OleDbDataReader myExecuteReader(string strSQL)
{ //获取连接字符串
string strConn=DBHelper.getConnStr();
OleDbConnection oraCn=new OleDbConnection(strConn) ;
OleDbCommand OraCmd = new OleDbCommand(strSQL,oraCn);
try
{
oraCn.Open ();
OleDbDataReader OraDr=OraCmd.ExecuteReader (CommandBehavior.CloseConnection);
return OraDr;
} catch(OleDbException e)
{
throw new Exception(e.Message);
}
finally
{
//OraCmd.Dispose();
//oraCn.Close ();
}
}
7、实体类
public class UserEntity
{
public int id { get; set; }
public string text { get; set; }
}
asp.net c# select 动态加载数据的更多相关文章
- ASP.NET MVC动态加载数据
ASP.NET MVC动态加载数据,一般的做法是使用$.each方法来循环产生tabel: 你可以在html时先写下非动态的部分: Source Code 上图中,有一行代码: <tbody ...
- Extjs-树 Ext.tree.TreePanel 动态加载数据
先上效果图 1.说明Ext.tree.Panel 控件是树形控件,大家知道树形结构在软件开发过程中的应用是很广泛的,树形控件的数据有本地数据.服务器端返回的数据两种.对于本地数据的加载,在extjs的 ...
- AppCan学习笔记----关闭页面listview动态加载数据
AppCan页面关闭 AppCan 的页面是由两个HTML组成,如果要完全关闭的话需要在主HTML eg.index.html中关闭,关闭方法:appcan.window.close(-1); 管道 ...
- [JS前端开发] js/jquery控制页面动态加载数据 滑动滚动条自动加载事件
页面滚动动态加载数据,页面下拉自动加载内容 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样的效果:进入qq空间,向下拉动空 ...
- 微信小程序(五) 利用模板动态加载数据
利用模板动态加载数据,其实是对上一节静态数据替换成动态数据:
- mui 动态加载数据出现的问题处理 (silder轮播组件 indexedList索引列表 下拉刷新不能继续加载数据)
mui-slider 问题:动态给mui的图片轮播添加图片,轮播不滚动. 解决:最后把滚动轮播图片的mui(".mui-slider").slider({interval: 300 ...
- js实现滚动条来动态加载数据
主要angular2+es6 data:Array<any> //展示的数据 allData:Array<any> //全部的数据 size:number = 10 //每次动 ...
- js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件--转他人的 相信很多人都见过瀑布流图片布局,那些图片是动态加载出来的,效果很好,对服务器的压力相对来说也小了很多 有手机的相信都见过这样 ...
- js动态加载数据并合并单元格
js动态加载数据合并单元格, 代码如下所示,可复制直接运行: <!DOCTYPE HTML> <html lang="en-US"> <head> ...
随机推荐
- 苹果safari支持flex布局
今天突然发现flex布局不支持safari 解决办法 .page-wrap { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ disp ...
- 反汇编->C++内联
C/C++提供了内联函数机制 内联函数就是向编译器建议:编译这个函数的时候.直接把函数展开,而不是进行函数调用call.当然编译器并不接受这个建议.仍然把他当做普通函数进行编译 使用内联函数的优点:减 ...
- Day 17 编码+文本编辑+函数
知识点篇: #! /usr/bin/env python # -*- coding: utf-8 -*- # __author__ = "DaChao" # Date: 2017/ ...
- 可能是全网最详细的express--middleware
写在前面 hello,小伙伴们,我是你们的pubdreamcc,本篇博文出至于我的GitHub仓库node学习教程资料,欢迎小伙伴们点赞和star,你们的点赞是我持续更新的动力. GitHub仓库地址 ...
- 关于udo3d双目相机的嵌入式板子系统重装
遇到的问题: 1.下载压缩文件(.rar):在linux下下载一会就会停止 原因:linux下不支持.rar文件的下载,在windows下载即可 2.在windows下解压文件,结果为镜像文件(.im ...
- Kalendae使用总结
2019-03-06 16:50:18 git官方教程:https://github.com/Twipped/Kalendae js.css:https://pan.baidu.com/s/1Ye-d ...
- SetProcessWorkingSetSize 和内存释放
http://hi.baidu.com/taobaoshoping/item/07410c4b6d6d9d0d6dc2f084 在应用程序中,往往为了释放内存等,使用一些函数,其实,对于内存操作函数要 ...
- JavaScript : 零基础打造自己的jquery类库
写作不易,转载请注明出处,谢谢. 文章类别:Javascript基础(面向初学者) 前言 在之前的章节中,我们已经不依赖jQuery,单纯地用JavaScript封装了很多方法,这个时候,你一定会想, ...
- 【windows】windows下的hosts文件位置
- iOS -- SKKeyframeSequence类
SKKeyframeSequence类 继承自 NSObject 符合 NSCodingNSCopyingNSObject 框架 /System/Library/Frameworks/SpriteK ...