作成日: 2019/01/29 最終更新日: 2019/01/29
文書種別
使用方法
詳細
非編集状態でセル内の一部の文字列を選択するには、ItemFormatterプロパティを使用し、セルのinnerHTMLにreadonlyのinput要素を追加します。
更に、ダブルクリックでの編集開始を可能にするために、FlexGridのdblclickイベントをハンドルし、startEditingメソッドを実行してください。
◎サンプルコード(View)
更に、ダブルクリックでの編集開始を可能にするために、FlexGridのdblclickイベントをハンドルし、startEditingメソッドを実行してください。
◎サンプルコード(View)
<script>
var grid
onload = function () {
grid = wijmo.Control.getControl("#flexGrid");
grid.hostElement.addEventListener('dblclick', function (e) {
var ht = grid.hitTest(e.pageX, e.pageY);
if (ht.col == 1) {
grid.startEditing(false, ht.row, ht.col);
}
})
}
function itemFormatter(panel, r, c, cell) {
if (panel.cellType == wijmo.grid.CellType.Cell) {
if (c == 1 && (!grid.editRange || !grid.editRange.contains(r, c))) {
cell.style.padding = '0';
cell.innerHTML = "<input style='padding:0 3px;border:none;height:100%;width:100%;' readonly value='" + cell.innerHTML + "'></input>";
}
}
}
</script>
@(Html.C1().FlexGrid()
.Id("flexGrid")
・・・
.ItemFormatter("itemFormatter")
)
var grid
onload = function () {
grid = wijmo.Control.getControl("#flexGrid");
grid.hostElement.addEventListener('dblclick', function (e) {
var ht = grid.hitTest(e.pageX, e.pageY);
if (ht.col == 1) {
grid.startEditing(false, ht.row, ht.col);
}
})
}
function itemFormatter(panel, r, c, cell) {
if (panel.cellType == wijmo.grid.CellType.Cell) {
if (c == 1 && (!grid.editRange || !grid.editRange.contains(r, c))) {
cell.style.padding = '0';
cell.innerHTML = "<input style='padding:0 3px;border:none;height:100%;width:100%;' readonly value='" + cell.innerHTML + "'></input>";
}
}
}
</script>
@(Html.C1().FlexGrid()
.Id("flexGrid")
・・・
.ItemFormatter("itemFormatter")
)
旧文書番号
83585