easyui combobox怎么用
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了easyui combobox怎么用相关的知识，希望对你有一定的参考价值。
1、在html定义：<input class="easyui-combobox" name="type" id="type" data-options="url:'getType.do',textField:'text',valueField:'value'"/>
或者
<select class="easyui-combobox" name="type" id="type">
<option value="0">小于</option>
<option value="1">大于</option>
<option value="2">等于</option>
</select>
2、在js定义：
<input class="easyui-combobox" name="type" id="type"/> or <input name="type" id="type"/>
$("#type").combobox(
url : 'getType.do',//ajax请求某个后台获取数据
//data : [],//数组数据，类似于option，如[text:"小于",value:0,text:"大于",value:1,]
textField : 'text',//绑定的显示值
valueField : 'value'//绑定的提交到后台的值
); 参考技术A
虽然我说了你，可能你不会选我，但我还是要说：你不会看api吗？？？？？？
<input id="cc" name="dept" value="aa">----------------------------------------
$('#cc').combobox(
url:'combobox_data.json',
valueField:'id',
textField:'text'
);
Easyui combobox 怎么加载数据
说明：开发环境 vs2012 asp.net mvc4 c#
1、效果图
2、HTML代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EasyuiCombotree.aspx.cs" Inherits="MvcAppTest.EasyuiCombotree" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Easyui Combotree 测试</title>
<link href="Easyui/themes/default/easyui.css" rel="stylesheet" />
<script src="Easyui/jquery-1.7.2.js"></script>
<script src="Easyui/jquery.easyui.min.js"></script>
<script src="Easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$(function () {
$(‘#cc‘).combobox({
url: ‘Home/getOffice‘,
valueField: ‘id‘,
textField: ‘text‘,
required: true,
queryParams: { OFFID: 100 },
editable: false,//不可编辑，只能选择
disabled: false,
value: ‘选择部门‘
});
});
function getValue()
{
var value = $(‘#cc‘).combobox(‘getValue‘);
alert(value);
}
function getText()
{
var text = $(‘#cc‘).combobox(‘getText‘);
alert(text);
}
</script>
</head>
<body>
<input id="cc" name="dept" value="" />
<div><input type="button" value="获取Value的值" style="width:100px;" onclick="getValue()"/> <input type="button" value="获取text的值" onclick="getText()" style="width:100px;" /></div>
<div style="height:30px;"></div>
<span>combobox 另一种定义形式</span>
<div>
<select id="Select1" class="easyui-combobox" name="dept" style="width:200px;">
<option value="aa">aitem1</option>
<option>bitem2</option>
<option>bitem3</option>
<option>ditem4</option>
<option>eitem5</option>
</select>
</div>
</body>
</html>
3、Home后台代码
public JsonResult getOffice(string OFFID)
{
Int32 officeID = Convert.ToInt32(OFFID);
List<ComboModel> myList = new List<ComboModel>();
for (int i = 1; i < 20; i++)
{
ComboModel model = new ComboModel()
{
id=i,
text="部门"+i.ToString()
};
myList.Add(model);
}
return Json(myList, JsonRequestBehavior.DenyGet);
}
public class ComboModel
{
public System.Int32 id { get; set; }
public System.String text { get; set; }
}
以上是关于easyui combobox怎么用的主要内容，如果未能解决你的问题，请参考以下文章
劳驾问下，easyui datagrid combobox 值改变事件怎么写的？
怎么能让easyui的combobox筛选但是筛选不到选项提示