考试系统——可输入并自动匹配的下拉框（三）——Html，Web控件级联(可编辑)

考试系统——可输入并自动匹配的下拉框（三）——Html，Web控件级联(可编辑) 考试系统——可输入并自动匹配的下拉框(三) ——Html，Web控件级联 刘腾腾 廊坊师范学院信息技术提高班 第九期 谁也不能随随便便成功,它来自彻底的自我管理和毅力。 [置顶] 考试系统??可输入并自动匹配的下拉框(三)??Html,Web控件级联 分类: 考试系统 7>2013-12-09 12:11 575人阅读 评论28 收藏 举报 web控件与HTML控件 本篇博客主要解决JQUery Easy UI框架combobox和dropdownlist的 级联传值问题。上篇博客说了easy ui的框架必须按照其自己的实现 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 去实现,只要有一点和easy ui的实现框架不一样都实现不了其漂亮,为 人民服务的功能。 问题一:如何把值从Jquery Easy UI的Combobox控件 传给Web控件DropDownList?注意平时用的document.getElementById的传值的方式实现不 了。 首先要解决的问题就是如何通过combobox的点击事件把值 传给 DropDownlist控件。 解决的 方法 快递客服问题件处理详细方法山木方法pdf计算方法pdf华与华方法下载八字理论方法下载 是:由于Easy UI的特殊框架, 用框架获取到值,通 过点击Combobox把值传给一个隐藏的HtmlText控件: Combobox控件获取值: input id"Course" class"easyui-combobox" data-options"valueField:'CourseID',textField:'CourseName', panelWidth: 350, panelHeight: 'auto', onSelect: functionrec //给text控件绑定值 document.getElementById'courseid'.value rec.CourseID;BindExam; " / input type"hidden" id"courseid" name"courseid" / 放在text控件里面,再从隐藏控件里面获取值,这样就可以直接 拿过来 用了。 //获取Id值 1 var courseid document.getElementById'courseid'.value; 问题二:如何让DropDownList获取值,并且绑定上数 据??在解决这个问题的过程中,由于为了方便想着把值直接从前 台传到 后台,不想用一般处理程序去实现。但是由于静态方法里面获取 不到前 台控件。于是又用了另外一种方案,绑定一般处理程序传值。顺 着我的 思路去看看吧! 方案一:直接把ID值传到后台的cs文件里面 绑定一般处理程序绑定总是出现下面的问题,找不到后台的方 法。 于是用data传参的方式: function BindExam //获取隐藏控件的ID值 var courseid document.getElementById'courseid'.value; //参数 var params 'browersType:"' + courseid + '"'; //Ajax,Post方式+Data传参 $.ajax type: "Post", url: "TeaQueryTemplate.aspx/QueryExamByCourseID", contentType: "application/json; charsetutf-8", data: params, dataType: "json", success: function strJson //bindExamstrJson; , error: function XmlHttpRequest, textStatus, errorThrown alertXmlHttpRequest.responseText; ; 2 后台代码: [//.vices.WebMethod] //注意必须加上才能传过值来public static DataTable QueryExamByCourseIDstring browersType DataTable dt new DataTable; ComQueryByBasicSystemBLL comBLL new ComQueryByBasicSystemBLL; //绑定查询结果 dt comBLL.GetExamByCourseIDbrowersType; //FindControl遍历寻找 控件,绑定数据源 if //.nt 0 Control frm //.dler as Page.FindControl"form1"; if frm ! null foreach Control control in frm.Controls if control is DropDownList DropDownList Exam DropDownListcontrol; if Exam.ID "ddlExam" Exam.DataSource comBLL.GetExamByCourseIDbrowersType;Exam.DataTextField "ExamName";Exam.DataValueField "ExamID";Exam.DataBind; return dt;即定义一个DataTable类型的QueryExamByCourseID 函数 excel方差函数excelsd函数已知函数     2 f x m x mx m      2 1 4 2拉格朗日函数pdf函数公式下载 , 该函数 必须为静态的,且被[//.vices.WebMethod]修饰。 3 注意事项: 1、必须加上:[//.vices.WebMethod],访问WEB服务。 2、必须是public,是Public后面才能获得值。 3、必须是static才能获取到传过来的值,但是有一个问题,由于 是 static,获取不到控件, 即使用FindControl也找不到控件。 这个问题没有能解决,所以换方法二了。大神有没有什么 解决方案呢? 方案二:通过Ajax传值。通过Ajax传值也是最方便,最容易实现 的一个。先看代码吧: 前台:获取值function BindExam //获取ID值 var courseid document.getElementById'courseid'.value; //Ajax ,get方式传值 $.ajax type: "get", url: "../../Linkage/BindExam.ashx?courseid" + escapecourseid + "&t" + new Date.getTime, success: function strJson //绑定 数据bindCoursestrJson; , error: function XmlHttpRequest, textStatus, errorThrown alertXmlHttpRequest.responseText; ;//解析json数据,绑定课 程下拉列表 //将json数据绑定到DropDownList function bindCoursestrJson var dataArray evalstrJson; $"#ddlExam".empty; //清空学期下拉框信息4 //依次遍历传回的 json每条数据for var i 0; i dataArray.length; i++ //传递 参数 $"#ddlExam".append$"option value'" + dataArray[i].ExamID + "'" + dataArray[i].ExamName + ""; 一般处理程序:把DataTable转换为Json格式的传给前台,前台 直接绑 定。这样就实现了。//将datatable数据转换成Json数据public static string DataTableToJsonDataTable dt StringBuilder Json new StringBuilder; Json.Append"["; if //.nt 0 for int i 0; i //.nt; i++ Json.Append"";for int j 0; j //.nt; j++ Json.Append"\"" + dt.Columns[j].ColumnName.ToString + "\":\"" + dt.Rows[i][j].ToString + "\""; if j //.nt - 1 Json.Append","; Json.Append"";if i //.nt - 1 Json.Append","; Json.Append"]"; return Json.ToString; 5 实现效果 课程是用的Easy UI的框架,考试是用的DropDownList下拉框 总结一开始实现的时候直接在Easy UI写Js代码,直接传值,导致课程 也不能用了,后面通过各种测试,得出结论要通过一般处理程序Ajax传 值才能实现。就这样一步步实现了这个HTml控件,Web控件级联的问题。 最终实现还是很好的。 更多 上一篇:考试系统??可输入并自动匹配的下拉框(二)??JQuery Easy UI框架 下一篇:权限管理??基于角色的访问 顶 4 踩 0 查看评论 * 以上用户言论只代表其个人观点,不代表CSDN网站的观点或 立场 核心技术类目 全部主题 Java VPN Android iOS ERP IE10 Eclipse CRM JavaScript Ubuntu NFC WAP jQuery 数据库 BI HTML5 Spring Apache Hadoop .NET API HTML SDK IIS Fedora XML LBS Unity Splashtop UML components Windows?Mobile Rails QEMU KDE Cassandra CloudStack FTC coremail OPhone?CouchBase 云计算 iOS6 Rackspace?Web?App SpringSide Maemo Compuware 大数据 aptech Perl Tornado Ruby Hibernate ThinkPHP Spark HBase Pure Solr Angular Cloud?Foundry Redis Scala Django Bootstrap 个人 资料 新概念英语资料下载李居明饿命改运学pdf成本会计期末资料社会工作导论资料工程结算所需资料清单 liutengteng130 访问:81857次 积分:6081分 排名:第787名 原创:122篇 转载:2篇 译文:0篇 6 评论:2348条 文章搜索 文章分类 自考16 作品展1 时间管理1 快速阅读1 数据库20 侃侃3 思想7 学生信息管理系统1 网络技术2 信息资源管理7 VB7 总结5 信息系统开发与管理1 软件工程12 UML10 C#1 设计模式8 观察者模式1 VB.NET7 三层架构2 B/S18 牛腩3 北大青鸟3 考试系统8 文章存档 2013年12月3 2013年11月4 2013年10月3 2013年09月3 2013年08月1 2013年07月5 2013年06月8 2013年05月4 2013年04月5 2013年03月4 2013年02月3 2013年01月7 2012年12月9 2012年11月17 2012年10月6 2012年09月4 2012年08月7 2012年07月12 2012年06月9 2012年05月2 2012年04月1 2012年03月6 阅读排行 企业与政府信息资源管理5824 VB??对象库未注册4557 番茄学习法3843 横看成领侧成峰??代码调试1882 考虑要周全1575 浅谈管理事务和数据1556 一场大雨引发的 故事 滥竽充数故事班主任管理故事5分钟二年级语文看图讲故事传统美德小故事50字120个国学经典故事ppt 1323 六月,一个说再见的季节1249 12-13年学习总结??路上的风景很美1205 路漫漫其修远兮,吾将上下而求索??学习是一个过程1153 评论排行 7 番茄学习法81 浅谈管理事务和数据68 六月,一个说再见的季节61 VB??对象库未注册55 考试系统??导入DLL文件51 ODBC、OLEDB、ADO的区别和联系48 考试系统??数据库之合并动态生成表46 精简高效CSS系列之二??浮动float46 精简高效CSS系列之一??CSS样式用法46 12-13年学习总结??路上的风景很美45 推荐文章 最新评论 考试系统??可输入并自动匹配的下拉框(三)??Html,Web控件级 联 jiuqiyuliang: EasyUI框架的简单易学 权限管理??基于角色的访问 jiuqiyuliang: 角色分配使系统更灵活 权限管理??基于角色的访问 dandanzmc: 看来你很认真的研究过了 权限管理??基于角色的访问 hxj135812: “ 用户,权限,角色的关系”总结的很不错 啊! 权限管理??基于角色的访问 liu765023051: 很细致的研究 考试系统??可输入并自动匹配的下拉框(二)??JQuery Easy UI 框架 caozhangyingfei0109: 不看帮助寸步难行。这就是差距! 考试系统??可输入并自动匹配的下拉框(三)??Html,Web控件级联 caozhangyingfei0109: 越来越出色啦 考试系统??可输入并自动匹配的下拉框(三)??Html,Web控件级联 liutengteng130: @zwk626542417:对。项目驱动学习嘛。 考试系统??可输入并自动匹配的下拉框(二)??JQuery Easy UI 框架 zllaptx4869: 好强悍的说~~~顶了 考试系统??可输入并自动匹配的下拉框(三)??Html,Web控件级联 bemavery: 不是很懂,不过先看一下 8