axisj
axisj copied to clipboard
thomasJang
AXGrid, fixedColSeq와 body 다단 적용시 문의드립니다.
안녕하세요. 수고 많으십니다. 연달아 질문을 드리게 되었습니다.
아래 캡처된 이미지처럼 fixedColSeq와 body를 3단으로 적용시 행이 사라지는 현상이 발생하여 문의드립니다.
fixedColSeq 미 적용시.
fixedColSeq 적용시.
gridConfig 파일 입니다.
grid.setConfig({
targetID: "grid",
theme: "AXGrid",
//autoChangeGridView: { // autoChangeGridView by browser width
// mobile:[0,600], grid:[600]
//},
fixedColSeq: 4,
fitToWidth: true,
colGroup: [
{ key: "idx", label: "#", width: "50", align: "center" },
{ key: "itemTypeNm", label: "구분", width: "80", align: "center" },
{ key: "itemId", label: "품명", width: "130", align: "center" },
{ key: "materialNm", label: "재질", width: "100", align: "center" },
{ key: "manuCompNm", label: "매입처", width: "100", align: "center" },
{ key: "baseUnitPrice", label: "기준가", width: "100", align: "center" },
{ key: "baseDt", label: "기준일", width: "100", align: "center" },
{ key: "his01", label: "1차", width: "100", align: "center" },
{ key: "his02", label: "2차", width: "100", align: "center" },
{ key: "his03", label: "3차", width: "100", align: "center" },
{ key: "his04", label: "4차", width: "100", align: "center" },
{ key: "his05", label: "5차", width: "100", align: "center" },
{ key: "his06", label: "6차", width: "100", align: "center" },
{ key: "his07", label: "7차", width: "100", align: "center" },
{ key: "his08", label: "8차", width: "100", align: "center" },
{ key: "his09", label: "9차", width: "100", align: "center" },
{ key: "his10", label: "10차", width: "100", align: "center" },
{ key: "hisadd", label: "추가", width: "50", align: "center" }
],
colHead: {
rows: [
[
{colSeq:0, rowspan:2},
{colSeq:1, rowspan:2},
{colSeq:null, colspan:3, label:"품목", align:"center", valign:"middle"},
{colSeq:null, colspan:2, label:"단가기준", align:"center", valign:"middle"},
{colSeq:null, colspan:11, label:"변동단가이력", align:"left", valign:"middle"}
],
[
{colSeq:2},
{colSeq:3},
{colSeq:4},
{colSeq:5},
{colSeq:6},
{colSeq:7},
{colSeq:8},
{colSeq:9},
{colSeq:10},
{colSeq:11},
{colSeq:12},
{colSeq:13},
{colSeq:14},
{colSeq:15},
{colSeq:16},
{colSeq:17}
]
]
},
body: {
heights: [30, 30, 30],
rows: [
[
{colSeq:0, rowspan:3, formatter:function(){return this.index + 1;}},
{colSeq:1, rowspan:3},
{colSeq:2, rowspan:3, formatter:function(){return this.item.itemId + "<br>" + this.item.itemNm;}},
{colSeq:3, rowspan:3},
{colSeq:4, rowspan:3},
{colSeq:5, rowspan:3},
{colSeq:6, rowspan:3},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[0].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[1].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[2].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[3].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[4].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[5].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[6].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[7].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[8].changeDt;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[9].changeDt;}},
{colSeq:17, rowspan:3}
],
[
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[0].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[1].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[2].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[3].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[4].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[5].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[6].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[7].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[8].changeUnitPrice;}},
{colSeq:null, colspan:1, align:"center", formatter:function(){return this.item.priceArray[9].changeUnitPrice;}}
],
[
{colSeq:7, align:"center", formatter:function(){return this.item.priceArray[0].changeReasonNm;}},
{colSeq:8, align:"center", formatter:function(){return this.item.priceArray[1].changeReasonNm;}},
{colSeq:9, align:"center", formatter:function(){return this.item.priceArray[2].changeReasonNm;}},
{colSeq:10, align:"center", formatter:function(){return this.item.priceArray[3].changeReasonNm;}},
{colSeq:11, align:"center", formatter:function(){return this.item.priceArray[4].changeReasonNm;}},
{colSeq:12, align:"center", formatter:function(){return this.item.priceArray[5].changeReasonNm;}},
{colSeq:13, align:"center", formatter:function(){return this.item.priceArray[6].changeReasonNm;}},
{colSeq:14, align:"center", formatter:function(){return this.item.priceArray[7].changeReasonNm;}},
{colSeq:15, align:"center", formatter:function(){return this.item.priceArray[8].changeReasonNm;}},
{colSeq:16, align:"center", formatter:function(){return this.item.priceArray[9].changeReasonNm;}}
]
],
ondblclick: function(){
var idx = -1;
if (this.r == 0)
idx = this.c - 7;
else
idx = this.c;
if (idx == 10)
goRegisterView(this.item, idx);
else if (idx >= 0 && idx < this.item.cntHistory)
goModifyView(this.item, idx);
}
}
});
답변 부탁드립니다. 감사합니다.
