Hi,
If you want to remove the underscore then you can set the promptChar property of Input Mask to an empty string inside the initialized event of the Input Mask.
I haven’t being able to replicate the issue regarding the input mask getting cleared after clicking on it. Please refer to the code implementation below:
<div ng-app="app" ng-controller="appCtrl">
<p>Wijmo <b>FlexGrid</b> cell edit templates
</p>
<wj-flex-grid items-source="data" >
<wj-flex-grid-column
format="n0"
lign="center" min-width="130" width="150"
header="IpAddress"
binding="IpAddress">
<wj-flex-grid-cell-template cell-type="CellEdit">
<wj-input-mask mask="000.000.000.000" value="$value" format="{{$col.format}}" initialized="init(s)">
</wj-input-mask>
</wj-flex-grid-cell-template>
</wj-flex-grid-column>
<wj-flex-grid-column
header="Date"
binding="date"
width="*"
format="MM/dd/yyyy hh:mm:ss">
<wj-flex-grid-cell-template cell-type="CellEdit" >
<wj-input-date
value="$value"
format="{{$col.format}}"
style="width:100%;height:100%;box-sizing:border-box">
</wj-input-date>
</wj-flex-grid-cell-template>
</wj-flex-grid-column>
<wj-flex-grid-column
header="Downloads"
binding="downloads"
format="n0">
<wj-flex-grid-cell-template cell-type="CellEdit" >
<wj-input-number
value="$value"
step="1"
format="{{$col.format}}"
initialized="s.focus()">
</wj-input-number>
</wj-flex-grid-cell-template>
</wj-flex-grid-column>
</wj-flex-grid>
</div>
// define app, include Wijmo 5 directives
var app = angular.module('app', ['wj']);
// controller
app.controller('appCtrl', function ($scope) {
// create some random data
var countries = 'US,Germany,UK,Japan,Italy,Greece'.split(','),
data = [];
for (var i = 0; i < countries.length; i++) {
data.push({
country: countries[i],
downloads: Math.round(Math.random() * 20000),
sales: Math.random() * 10000,
expenses: Math.random() * 5000,
date: new Date(2015, i % 12, i % 27 + 1),
IpAddress:"123.123.123.123"
});
}
$scope.init=function(s)
{
s.promptChar = " ";
}
// expose data as a CollectionView to get events
$scope.data = new wijmo.collections.CollectionView(data);
$scope.countries = countries;
});
You can find a working fiddle implementation here. If you are still facing the issue then please modify the fiddle so that it reproduces the issue and send it back to us, we will investigate this further.
