作成日: 2018/11/21 最終更新日: 2018/11/21
文書種別
使用方法
詳細
FlexGridの高さをHeightプロパティで明示的に指定している場合には、InputDateのテンプレート列のセル編集でカレンダーを表示中にスクロールを実行すると、セルの編集は終了されてカレンダーが閉じられます。
Heightプロパティを指定しない状態で同様の動作を実現するには、scrollイベントをハンドルし、currentEditItemがnullでない場合にCollectionViewのCommitEditメソッドを呼び出してください。
◎サンプルコード(View)
Heightプロパティを指定しない状態で同様の動作を実現するには、scrollイベントをハンドルし、currentEditItemがnullでない場合にCollectionViewのCommitEditメソッドを呼び出してください。
◎サンプルコード(View)
<script>
document.addEventListener("scroll", function (e) {
var grid = wijmo.Control.getControl("#grid");
if (grid.collectionView.currentEditItem) {
setTimeout(function () {
grid.collectionView.commitEdit();
})
}
},true)
</script type="text/template" id="hiredEditor">
<script>
@(Html.C1().InputDate()
・・・
.ToTemplate()
)
</script>
@(Html.C1().FlexGrid()
.Id("grid")
・・・
.Columns(bl => {
・・・
bl.Add(cb => cb.Binding("Hired").Header("Hired").CellTemplate(ctb => ctb.EditTemplateId("hiredEditor")));
})
)
document.addEventListener("scroll", function (e) {
var grid = wijmo.Control.getControl("#grid");
if (grid.collectionView.currentEditItem) {
setTimeout(function () {
grid.collectionView.commitEdit();
})
}
},true)
</script type="text/template" id="hiredEditor">
<script>
@(Html.C1().InputDate()
・・・
.ToTemplate()
)
</script>
@(Html.C1().FlexGrid()
.Id("grid")
・・・
.Columns(bl => {
・・・
bl.Add(cb => cb.Binding("Hired").Header("Hired").CellTemplate(ctb => ctb.EditTemplateId("hiredEditor")));
})
)
旧文書番号
83405