Extjs binding value not getting cleared
Extjs binding value not getting cleared when the user clears the date field box manually ( user changes date field to blank )
I cannot post the code but i found a similar fiddle
In this fiddle i want the value to be cleared when i clear the datefield manually , instead what is happening is the display field keeps showing the old value
it would be great help if some one could provide me the solution
extjs binding extjs6-classic
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
add a comment |
Extjs binding value not getting cleared when the user clears the date field box manually ( user changes date field to blank )
I cannot post the code but i found a similar fiddle
In this fiddle i want the value to be cleared when i clear the datefield manually , instead what is happening is the display field keeps showing the old value
it would be great help if some one could provide me the solution
extjs binding extjs6-classic
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
add a comment |
Extjs binding value not getting cleared when the user clears the date field box manually ( user changes date field to blank )
I cannot post the code but i found a similar fiddle
In this fiddle i want the value to be cleared when i clear the datefield manually , instead what is happening is the display field keeps showing the old value
it would be great help if some one could provide me the solution
extjs binding extjs6-classic
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
Extjs binding value not getting cleared when the user clears the date field box manually ( user changes date field to blank )
I cannot post the code but i found a similar fiddle
In this fiddle i want the value to be cleared when i clear the datefield manually , instead what is happening is the display field keeps showing the old value
it would be great help if some one could provide me the solution
extjs binding extjs6-classic
extjs binding extjs6-classic
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
edited Nov 14 '18 at 14:05
Narendra Jadhav
5,665111930
5,665111930
asked Nov 14 '18 at 9:22
user2886147user2886147
1
asked Nov 14 '18 at 9:22
user2886147user2886147
1
asked Nov 14 '18 at 9:22
user2886147user2886147
1
1
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
You could use specialkey event for the datefield to achieve the required result.
You can check here with working fiddle.
Note you can put your logic based on your requirement. I have just create simple example.
Code snippet
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
viewModel: {
data: {
dateFrom: null,
}
},
items: [{
xtype: 'datefield',
emptyText: 'Date From',
bind: '{dateFrom}',
listeners: {
specialkey: function (field, e) {
if (e.getKey() == e.DELETE || e.getKey() == e.BACKSPACE) {
field.up('panel').getViewModel().set('dateFrom', null);
}
}
}
}, {
xtype: 'displayfield',
bind: {
value: '{dateFrom}'
}
}]
});
}
});
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53296719%2fextjs-binding-value-not-getting-cleared%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
You could use specialkey event for the datefield to achieve the required result.
You can check here with working fiddle.
Note you can put your logic based on your requirement. I have just create simple example.
Code snippet
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
viewModel: {
data: {
dateFrom: null,
}
},
items: [{
xtype: 'datefield',
emptyText: 'Date From',
bind: '{dateFrom}',
listeners: {
specialkey: function (field, e) {
if (e.getKey() == e.DELETE || e.getKey() == e.BACKSPACE) {
field.up('panel').getViewModel().set('dateFrom', null);
}
}
}
}, {
xtype: 'displayfield',
bind: {
value: '{dateFrom}'
}
}]
});
}
});
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
add a comment |
You could use specialkey event for the datefield to achieve the required result.
You can check here with working fiddle.
Note you can put your logic based on your requirement. I have just create simple example.
Code snippet
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
viewModel: {
data: {
dateFrom: null,
}
},
items: [{
xtype: 'datefield',
emptyText: 'Date From',
bind: '{dateFrom}',
listeners: {
specialkey: function (field, e) {
if (e.getKey() == e.DELETE || e.getKey() == e.BACKSPACE) {
field.up('panel').getViewModel().set('dateFrom', null);
}
}
}
}, {
xtype: 'displayfield',
bind: {
value: '{dateFrom}'
}
}]
});
}
});
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
add a comment |
You could use specialkey event for the datefield to achieve the required result.
You can check here with working fiddle.
Note you can put your logic based on your requirement. I have just create simple example.
Code snippet
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
viewModel: {
data: {
dateFrom: null,
}
},
items: [{
xtype: 'datefield',
emptyText: 'Date From',
bind: '{dateFrom}',
listeners: {
specialkey: function (field, e) {
if (e.getKey() == e.DELETE || e.getKey() == e.BACKSPACE) {
field.up('panel').getViewModel().set('dateFrom', null);
}
}
}
}, {
xtype: 'displayfield',
bind: {
value: '{dateFrom}'
}
}]
});
}
});
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
You could use specialkey event for the datefield to achieve the required result.
You can check here with working fiddle.
Note you can put your logic based on your requirement. I have just create simple example.
Code snippet
Ext.application({
name: 'Fiddle',
launch: function () {
Ext.create('Ext.panel.Panel', {
renderTo: Ext.getBody(),
viewModel: {
data: {
dateFrom: null,
}
},
items: [{
xtype: 'datefield',
emptyText: 'Date From',
bind: '{dateFrom}',
listeners: {
specialkey: function (field, e) {
if (e.getKey() == e.DELETE || e.getKey() == e.BACKSPACE) {
field.up('panel').getViewModel().set('dateFrom', null);
}
}
}
}, {
xtype: 'displayfield',
bind: {
value: '{dateFrom}'
}
}]
});
}
});
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
answered Nov 14 '18 at 14:02
Narendra JadhavNarendra Jadhav
5,665111930
5,665111930
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
add a comment |
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
Narendra Jadhav : thanks for suggested solution. The new problem is now its not at all allowing me to edit the date string (one backspace and all the date is deleted) i have to always select through the date picker.
– user2886147
Nov 15 '18 at 7:44
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
yes you are right. As I have mentioned in solution it's just demo. You can put your logic. You find the way how to do it.
– Narendra Jadhav
Nov 15 '18 at 9:26
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53296719%2fextjs-binding-value-not-getting-cleared%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
