Hello,
After I click on a button, menu option, form button… the widget has a blinking cursor in it. Is this normal with the Vue library or am I possibly doing something that could cause this in my code? I’m a beginner using Vue, so any suggestions would be much apprciated.
Below is the template I use to create my UI.
<template>
<div id="content">
<div id="grid_container">
<JqxGrid ref="gDepts" :width="'400'" :height="'100%'" :columns="grid_columns" :theme="this.$theme" @rowselect="grid_onrowselect($event)"></JqxGrid>
<div id="grid_buttons">
<div class="grid_button">
<JqxButton ref="btnNew" :value="'New'" :width="'120'" :theme="this.$theme" @click="btnNew_onClick()"></JqxButton>
</div>
<div class="grid_button">
<JqxButton ref="btnEdit" :value="'Edit'" :width="'120'" :disabled="true" :theme="this.$theme"></JqxButton>
</div>
<div class="grid_button">
<JqxButton ref="btnDelete" :value="'Delete'" :width="'120'" :disabled="true" :theme="this.$theme" @click="btnDelete_onClick()"></JqxButton>
</div>
</div>
</div>
<div id="form_container">
Department Edit
<JqxForm ref="frmDepts" :template="form_template"></JqxForm>
</div>
</div>
</template>
Best Regards,
Johnny Harris