vs2013+MVC3.0+EasyUI的ComboBox联动使用(二)
vs2013+MVC3.0+EasyUI的ComboBox联动使用(二)
简介:在vs2013(.net4.0)中使用MVC3.0对于EasyUI中ComboBox的联动使用,
加载ComboBox数据,并且实现联动效果,
本文将采用EasyUI中的Date控件与ComboBox实现联动效果,如图:
-----------------------------------------------------------------------------------------------------------------------------------------------------
下面主要展现3个实用模块的代码:
Controller(控制):
/// <summary> /// 根据用户选择的日期获取发货单号 /// </summary> /// <param name="strDate">日期</param> /// <returns></returns> /// <remarks>创建人员(日期):★彭振★(141016 11:24)</remarks> public JsonResult GetSendBillCodeByDate(string strDate) { ISale_outerListService ser = Sale_outerListService.Instance; string json = string.Empty; try { //获取可用快递公司信息 DataSet ds = ser.GetSendBillCodeByDate(strDate, UserHelper.UserInfo.StorageIds[0]); System.Data.DataTable dt = ds.Tables[0]; if (ds != null && ds.Tables.Count > 0) { dt = ds.Tables[0]; } else { return Json(json); } if (dt != null && dt.Rows.Count > 0) { List<dynamic> list = new List<dynamic>(); foreach (System.Data.DataRow dr in dt.Rows) { list.Add(new { ID = dr["SendBill_Code"].GetString(), Name = dr["SendBill_Code"].GetString() }); } //2 查出数据 转 json json = list.ToJsonSerialize(); } else { return Json(json); } } catch (Exception ex) { json = string.Empty; } //3 输出 return Json(json); }
-----------------------------------------------------------------------------------------------------------------------------------------------------
Pub(页面):
<td style=" width:50px;" class="tbl-label">日期</td> <td style=" width:150px;" class="tbl-value"> <input id="dtSendBillDate" type="text" class="inp-normal" /> </td> <td class="tbl-label">发货单号</td> <td class="tbl-value"> <input type="text" id="SendBill_Code" name="SendBill_Code" class="inp-normal" /> </td>
-----------------------------------------------------------------------------------------------------------------------------------------------------
Biz(JS):
<script language="javascript"> $(function () { //生成easyui的datetimebox $('#dtSendBillDate').datebox({ required: true, onSelect: function (date) { var year = date.getFullYear().toString(); var month = (date.getMonth() + 1).toString().length == 1 ? "0" + (date.getMonth() + 1).toString() : (date.getMonth() + 1).toString(); var day = (date.getDate().toString()).length == 1 ? "0" + date.getDate().toString() : date.getDate().toString(); var selectdate = year + month + day; lodupHelper.getSendBillCodeList(selectdate); } }); //lodup 帮助类 var lodupHelper = { getSendBillCodeListUrl: "/Pack/GetSendBillCodeByDate", //获取发货单号组 getSendBillCodeList: function (selectdate) { lodupHelper.ajaxasync(lodupHelper.getSendBillCodeListUrl, { strDate: selectdate }, function (data) { datasetCode = eval("(" + data + ")"); comboboxCode = { valueField: 'ID', textField: 'Name', data: datasetCode, required: true, editable: false }; $('#SendBill_Code').combobox(comboboxCode); }); } }; }); </script>
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。