컬럼 레이아웃(컬럼 그룹핑) 속성 동적 변경
setColumnLayout()을 사용하여 그리드에 layout을 적용후 컬럼의 순서를 변경하거나 그룹컬럼의 속성 변경하려고 한다면 layoutByName()을 사용합니다. (기존의 columnByName()이나 setColumnProperty()를 사용하여 변경할 수 없습니다.)
layout1 = [
{
name: "companyGroup",
direction: "horizontal",
items: [
"Country",
"CompanyName"
],
header: {
text: "Company",
}
},
"OrderID",
"CustomerID",
"EmployeeID",
"OrderDate",
"Phone"
];
gridView.setColumnLayout(layout1);
function btnVindex() {
var vidx = gridView.layoutByName("companyGroup").vindex == 0 ? 3 : 0;
gridView.layoutByName("companyGroup").vindex = vidx;
}
function btnHeaderText() {
var headerTxt = gridView.layoutByName("companyGroup").header.text == "Company" ? "회사" : "Company";
gridView.layoutByName("companyGroup").header.text = headerTxt;
}
function btnDirection() {
var dir = gridView.layoutByName("companyGroup").direction == "horizontal" ? "vertical" : "horizontal";
gridView.layoutByName("companyGroup").direction = dir;
}
function btnVindex1() {
var vidx = gridView.layoutByName("OrderDate").vindex == 4 ? 0 : 4;
gridView.layoutByName("OrderDate").vindex = vidx;
}