Jquery 使用w2ui网格,如何使选择/下拉类型具有不同的项?
如何根据记录更改下拉项 比如说 一些_项变量下拉选项为“A”、“B”、“C” 新的_项1变量下拉选项为“D”、“E”、“F” 新的_项2变量下拉选项为“G”、“H”、“I”Jquery 使用w2ui网格,如何使选择/下拉类型具有不同的项?,jquery,html,drop-down-menu,grid,w2ui,Jquery,Html,Drop Down Menu,Grid,W2ui,如何根据记录更改下拉项 比如说 一些_项变量下拉选项为“A”、“B”、“C” 新的_项1变量下拉选项为“D”、“E”、“F” 新的_项2变量下拉选项为“G”、“H”、“I” 是否可以更改每个记录的下拉列表?是的,可以在工具栏内创建一个下拉列表元素,然后在列绑定/加载服务器端数据以进行下拉列表 编辑: 1-在工具栏内添加下拉元素 toolbar: { items: [ { type: 'html', html: '<select id="get
是否可以更改每个记录的下拉列表?是的,可以在工具栏内创建一个下拉列表元素,然后在列绑定/加载服务器端数据以进行下拉列表 编辑: 1-在工具栏内添加下拉元素
toolbar: {
items: [
{ type: 'html', html: '<select id="getDropdownData" "></select>' }
]
}
最好给您添加一些细节answer@vaibhav-gargı添加了更多详细信息,请查看
toolbar: {
items: [
{ type: 'html', html: '<select id="getDropdownData" "></select>' }
]
}
onSelect: function (event) {
$("#getDropdownData").select2({ width: "160px" });
var selectedColumnId = w2ui["grid"].get(event["columnId"]);
$.ajax({
type: "POST",
url: //your url to return column related-data,
data: {
Id: selectedColumnId
},
success: function (data) {
for (i = 0; i < data.result.length; i++) {
$(getDropdownData).append($('<option></option>')
.attr({ value: data.result[i][0] })
.html(data.result[i][1]));
}//for
},
error: function (request, status, error) {
alert(request.responseText);
}
});
}
onUnselect: function (event) {
$('#getDropdownData').children().remove().end().append('<option selected value="select one column"></option>');
}
onLoad: function (event) {
$("#getDropdownData").select2({ width: "160px" });
}