combobox加载数据的方式

最新推荐文章于 2024-04-24 09:44:49 发布

转载最新推荐文章于 2024-04-24 09:44:49 发布 · 324 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rency/p/9875323.html

文章标签：

#json

本文介绍了如何使用EasyUI框架创建组合框（Combobox），包括从预定义的<select>元素创建组合框，以及使用JavaScript动态创建组合框并加载数据的方法。文章通过实例展示了如何设置Combobox的属性，如valueField、textField和panelheight，以及如何通过Ajax请求获取数据并填充组合框。

从带有预定义结构的 <select> 元素创建组合框（combobox）

使用 javascript 创建组合框（combobox）

$('#cmbProduct_Name').combobox({
url: "/Services/GetBaseInfo_Product",
valueField: 'Product_Id',
textField: 'Product_Name',
panelheight: "200"
});

var hyData = new Array();

$.post(
'/Services/GetAllIndustry_Type',
function (data, textStatus) {
if (textStatus == "success") {
hyData.push({ "Industry_Type_Id": "", "Industry_Type_Name": "全部" });
$(data).each(function (i, val) {
hyData.push({ "Industry_Type_Id": val.Industry_Type_Id, "Industry_Type_Name": val.Industry_Type_Name });
});
$("#searchIndustry").combobox('loadData', hyData);
}
}, "json"
);

转载于:https://www.cnblogs.com/rency/p/9875323.html