Ajax-combobox动态绑定数据
发布时间:2020-12-16 03:18:04 所属栏目:百科 来源:网络整理
导读:分享一个常用的知识点,最近在项目中用到了,弄这块的时候废了不少劲。 项目中用到的控件是easyui-combobox,下拉框中加载数据库中的数据。 下面是一个简单的例子: Html 仓库:input id= "select_storage" class = "easyui-combobox" data -options="editab
分享一个常用的知识点,最近在项目中用到了,弄这块的时候废了不少劲。 Html 仓库:<input id="select_storage" class="easyui-combobox" data-options="editable:true,valueField:'id',textField:'text',width:80"/>
Js //窗体加载时执行
$(document).ready(function () {
//获取所有仓库名称
$.ajax({
type: "GET",url: "/WarehousingLog/QueryAllStorageName",dataType: "json",success: function (data) {
//测试是否有数据传入
if (data.length >= 0) {
alert("仓库有数据!");
//定义一个变量存放数据
var data1 = [{ 'text': '','id': '' }];
//循环,向变量里添加数据
for (var i = 0; i < data.length; i++) {
data1.push({ "text": data[i].StorageName,"id": data[i].StorageID });//text为元素的文本内容,id为该元素的value值
}
//在下拉框中加载变量中的数据
$('#select_storage').combobox("loadData",data1);
// .datafrid为table加载
}
},error: function (data) {
alert('系统出错了,请联系管理员!');
}
})
})//窗体加载
Controller public JsonResult QueryAllStorageName()
{
WarehousingLogBLL item = new WarehousingLogBLL();
List<T_Storage> list = storage.QueryAllStorage ();
return Json (list,JsonRequestBehavior.AllowGet );
}
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |