Моя цель состоит в том, чтобы добавить блок выбора в моей сетке, и я добился успеха, чтобы добавить блок выбора, следуя приведенному ниже коду.
Но после добавления поля выбора мои другие данные не отображаются, когда я выполняю поиск из выпадающего фильтра, он показывает данные.
$("#jsGrid").jsGrid({
height: 480,
width: "100%",
filtering: true,
editing: false,
sorting: true,
paging: true,
autoload: true,
clearFilterButton: true,
pageSize: 10,
pageButtonCount: 10,
controller: {
loadData: function(filter) {
criteria = filter;
var data = $.Deferred();
$.ajax({
type: "GET",
contentType: "application/json; charset=utf-8",
url: "myURL",
dataType: "json"}).done(function(response) {
var res = [];
if (criteria.component !== "") {
response.forEach(function(element) {
if (element.component.indexOf(criteria.component) > -1) {
res.push(element);
response = res;
}
}, this);
} else res = response;
if (criteria.titleLong !== "") {
res = [];
response.forEach(function(element) {
if (element.titleLong.indexOf(criteria.titleLong) > -1)
res.push(element);
}, this);
} else res = response;
data.resolve(res);
});
return data.promise();
}
},
fields: [{
name: "component",
type: "textarea",
width: 150
}, {
name: "Id",
type: "text",
width: 50
}, {
name: "titleLong",
type: "select",
align: "center", // center text alignment
autosearch: true, // triggers searching when the user changes the selected item in the filter
items: ["", "A", "B", "C"], // an array of items for select
valueField: "", // name of property of item to be used as value
textField: "", // name of property of item to be used as displaying value
selectedIndex: -1, // index of selected item by default
valueType: "string", // the data type of the value
readOnly: false, // a boolean defines whether select is readonly (added in v1.4)
}, {
name: "unit",
type: "textarea",
width: 150
}, {
name: "descr",
type: "textarea",
width: 150
}]
});
Поэтому моя цель состоит в том, чтобы отобразить все данные о загрузке страницы, и если кто-то выполняет поиск, используя фильтр выбора, отобразит связанные данные выполненного поиска.
Задача ещё не решена.
Других решений пока нет …