作成日: 2019/09/25 最終更新日: 2019/09/25
文書種別
使用方法
詳細
ColumnCollectionクラスのmoveElementメソッドを使用して、指定した位置に列を移動することができます。
また、初期状態のFlexGridのcolumnLayoutプロパティを保持し、その内容を列移動後にcolumnLayoutプロパティに再設定することで、列の位置を元に戻すことも可能です。
例えば、ボタンクリックにより選択列を左右に移動したり元の位置にリセットするには、下記のようなコードを実装してください。
◎サンプルコード(View)
また、初期状態のFlexGridのcolumnLayoutプロパティを保持し、その内容を列移動後にcolumnLayoutプロパティに再設定することで、列の位置を元に戻すことも可能です。
例えば、ボタンクリックにより選択列を左右に移動したり元の位置にリセットするには、下記のようなコードを実装してください。
◎サンプルコード(View)
<script>
var flexGrid, cl;
c1.documentReady(function () {
flexGrid = wijmo.Control.getControl("#flexGrid");
cl = flexGrid.columnLayout;
});
function btn_click1() {
var selectCol = flexGrid.selection.col;
if (selectCol > 0) {
flexGrid.columns.moveElement(selectCol, selectCol - 1);
}
}
function btn_click2() {
var selectCol = flexGrid.selection.col;
if (selectCol < flexGrid.columns.length - 1) {
flexGrid.columns.moveElement(selectCol, selectCol + 1);
}
}
function btn_click3() {
flexGrid.columnLayout = cl;
}
</script>
<input type="button" onclick="btn_click1()" value="選択列を左へ移動" />
<input type="button" onclick="btn_click2()" value="選択列を右へ移動" />
<input type="button" onclick="btn_click3()" value="リセット" />
@(Html.C1().FlexGrid().Id("flexGrid")
・・・
)
var flexGrid, cl;
c1.documentReady(function () {
flexGrid = wijmo.Control.getControl("#flexGrid");
cl = flexGrid.columnLayout;
});
function btn_click1() {
var selectCol = flexGrid.selection.col;
if (selectCol > 0) {
flexGrid.columns.moveElement(selectCol, selectCol - 1);
}
}
function btn_click2() {
var selectCol = flexGrid.selection.col;
if (selectCol < flexGrid.columns.length - 1) {
flexGrid.columns.moveElement(selectCol, selectCol + 1);
}
}
function btn_click3() {
flexGrid.columnLayout = cl;
}
</script>
<input type="button" onclick="btn_click1()" value="選択列を左へ移動" />
<input type="button" onclick="btn_click2()" value="選択列を右へ移動" />
<input type="button" onclick="btn_click3()" value="リセット" />
@(Html.C1().FlexGrid
・・・
)
旧文書番号
84504