Thread ID: |
Created: |
Updated: |
Platform: |
Replies: |
148141 | Oct 8,2019 01:32 AM UTC | Oct 14,2019 01:07 PM UTC | Vue | 5 |
![]() |
Tags: Data Grid |
<template>
<div id="app">
<div id="test">
<ejs-grid
ref="grid"
:dataSource="data"
:cellSave="cellSave"
allowPaging="true"
>
<e-columns>
. . . . . . .
</e-columns>
</ejs-grid>
</div>
<!-- Render modal Dialog -->
<div>
<ejs-dialog
ref="modalDialog"
:isModal="isModal"
:header="header"
:width="width"
:content="teststr"
:animationSettings="animationSettings"
:overlayClick="overlayClick"
:created="created"
></ejs-dialog>
</div>
</div>
</template>
methods: {
cellSave: function(e) {
if (e.value.length >= 5) {
this.$refs.modalDialog.$el.ej2_instances[0].content =
"Your cell was saved";
this.$refs.modalDialog.show();
} else if (e.value.length < 5) {
this.$refs.modalDialog.$el.ej2_instances[0].content =
"Need atleast 5 letters";
this.$refs.modalDialog.show();
}
} |
cellSave: function(e) {
if (e.value.length >= 5) {
this.$refs.modalDialog.$el.ej2_instances[0].content =
"Your cell was saved";
this.$refs.modalDialog.show();
} else if (e.value.length < 5) {
this.$refs.modalDialog.$el.ej2_instances[0].content =
"Need atleast 5 letters";
this.$refs.modalDialog.show();
e.cancel = true;
}
} |
This post will be permanently deleted. Are you sure you want to continue?
Sorry, An error occured while processing your request. Please try again later.
This page will automatically be redirected to the sign-in page in 10 seconds.