.NET MVC easyUI中Combo Combobox绑定数据源的问题

这个问题我因为没有仔细看书,在网上查资料时看了好多。一直没遇到好的解决方法。经过同学提醒才解决了。问题不大,但是是新手比较头疼的吧。下面我把解决方案写一下。

前台:

Emr_Doc_Emr_Info/Index1.aspx

<td class="td-right1-color">
科室:</td>
<td style="width: 160px">
<input class="easyui-combobox" id="unitId" name="unit" style="width:96px;"
data-options="
url:‘../Emr_Doc_Emr_Info/GetUnit‘,<%--Controllers中的函数--&>
method:‘get‘,
valueField:‘id‘,
textField:‘text‘,
panelHeight:‘auto‘">
</td>

后台

//创建类,将各元素打包

class UnitSelectItem {
public int id { get; set; }
public string text { get; set; }
}

[HttpGet]
//json返回科室名称
public JsonResult GetUnit()
{
SysEntities db = new SysEntities();
var unit = db.Emr_Unit.Select(s => s).ToList();
List<UnitSelectItem> list = new List<UnitSelectItem>();
foreach (var unitItem in unit)
{
UnitSelectItem item = new UnitSelectItem();
item.id= unitItem.ID;
item.text = unitItem.UnitName;
list.Add(item);
}
return Json(list,JsonRequestBehavior.AllowGet); //允许Get返回
}

主要是Json这种数据解析的格式不太熟悉,所以后台想了好久好久,先把代码写过来,以后再反复看看。

.NET MVC easyUI中Combo Combobox绑定数据源的问题

时间: 2024-10-07 05:29:53

.NET MVC easyUI中Combo Combobox绑定数据源的问题的相关文章

Winform ComboBox 绑定数据源 触发SelectedIndexChanged事件 处理办法

最近寫Winform程式,發現Winform中的ComboBox和Web中的Dropdown相差很大,在ComboBox 绑定数据源 會触发SelectedIndexChanged事件,很困擾,查找了資料,處理方法大體分為三種 1.添加一个标记位,在绑定前设置为false,绑定完成后设置回true(個人覺得用起來的很奇怪) void BindComboBox() { flag=false; ComboxBox1.ValueMember="ValueColumn"; ComboxBox1

kendoui grid中动态清空绑定数据源

本来尝试用jquery中的empth()方法去清空节点(清空元素中的所有后代节点),但发现还是不起作用,后来从官网中了解到datasource的用法,直接改变数据源后,不用重新刷新grid,界面就会改变. $("#grid").data("kendoGrid").dataSource.data([]); //清空数据源 $("#grid").data("kendoGrid").dataSource.data([{ name:

[WinForm]为ComboBox绑定数据源并提供下拉提示

关键代码: /// <summary> /// 为ComboBox绑定数据源并提供下拉提示 /// </summary> /// <typeparam name="T">泛型</typeparam> /// <param name="combox">ComboBox</param> /// <param name="list">数据源</param>

easyui中的combobox小知识点~~

一直使用的easyui中,一些不为人知的小知识点,与君共勉: 1.combobox设置高度:使用panelHeight属性: 2.combobox本身自带“自动补全”功能,但是在浏览器中是有限制的,在火狐当中,它的自动补全功能却不是立马实现的,而是需要敲回车或者其他什么的,但是在其他浏览器,比如360或者谷歌当中,这种自动补全功能却是“立竿见影”的,而且,它也是提供手动输入值的,只不过,手动输入的值,貌似用类似于:var  cities= jQuery('#cities').combobox('

jQuery EasyUI 为Combo,Combobox添加清除值功能

效果图: 图标 (function($){          //初始化清除按钮     function initClear(target){         var jq = $(target);         var opts = jq.data('combo').options;         var combo = jq.data('combo').combo;         var arrow = combo.find('span.combo-arrow');         

MVC+EasyUI中datagrid分页(后台)

public JsonResult ModelList_Json() { int pagesize = int.Parse(Request["rows"]);//获取每页显示多少条记录 int pagenum = int.Parse(Request["page"]);//获取当前页码 List<MODEL.Model> list = GetList();//获取所有记录 List<MODEL.Model> listpage=new List&

easyUI中select下拉框添加option选项

使用jquery easyui的下拉列表combobox碰上问题,下拉列表的项都是从 数据库读出来的,然后我想在动态生成的项中添加一项:"<option value=''>=全部=</option>". 但怎么也添加不成功. 首先试了直接用jquery对该下拉列表进行添加操作: JavaScript code ? 1 2 3 4 5 6 7 8 $('#selUnin').combobox({         url: _callback_url + '&

在EasyUI的DataGrid中嵌入Combobox

在做项目时,需要在EasyUI的DataGrid中嵌入Combobox,花了好几天功夫,在大家的帮助下,终于看到了它的庐山真面: 核心代码如下: <html> <head> @*添加Jquery EasyUI的样式*@ <link href="@Url.Content("../../Content/JqueryEasyUI/themes/default/easyui.css")" rel="stylesheet" /

基于MVC+EasyUI的Web开发框架经验总结(6)--在页面中应用下拉列表的处理

在很多Web界面中,我们都可以看到很多下拉列表的元素,有些是固定的,有些是动态的:有些是字典内容,有些是其他表里面的名称字段:有时候引用的是外键ID,有时候引用的是名称文本内容:正确快速使用下拉列表的处理,可以提高我们程序界面的美观性和友好型,本文主要介绍在我的Web开发框架以及相关的扩展Web应用中用到的一些代表性下拉列表的处理场景,希望给大家做个参考学习. 1.固定下拉列表的处理 代表性的固定列表有人员性别的处理,一般为男.女两种,而且为了方便,一般用文本直接使用,如下效果所示. 而它们的页