We have created a directive to do a validation of the input/ selected item must be exists in the combo box list. However, it's not working anymore after upgraded the package to 0.18.1 and implement the [allowCustom]="true". It was working in the previous version 0.10.x.
The scenario is when user remove the entry from the combobox and enter a value again, the directive is triggered. But if user, append the content in the combobox, the directive is not triggered at all.
Please help. Video attached
Sample Project is Attached.
This seems to be a bug in the #progress/kendo-angular-dropdowns#0.18.x release.
I updated the demo to the latest official (0.21.x) and it seems fixed:
http://screencast.com/t/xyN8q9kR
Related
I need help regarding dhtmlX form and combo list controls. I am getting a problem with the dhtmlx combo that created using dhtmlx control. The list of options appears and disappears immediately when clicked on the combo list. The same problem getting with an input box when I click on the input box the mouse focus is removed outside the input box
Unfortuanetly the porblem cannot be reconstructed in the default samples:
https://snippet.dhtmlx.com/wla7u1xq
Please, check if your events are not blocking or closing the combo operating with the input focus.
If the problem still occurs for you please, provide a sample or a code snippet, to check the deatils of your problem.
I have some problem using browser-sync with angular js, here's my question. I successfully sync the click and scroll events with browser-sync, but not the input fields. Although the "text" in the input field is updated, the ng-model bind to the field is not.
For example, when I type "abc" in chrome, the corresponding field in firefox shows "abc" too, but the model value doesn't get "abc" at all, so the next operation in firefox will base on a empty value which leads to a wrong result.
Another example is, I use angular-strap for my dropdown list, when I click a list to collapse in chrome, the list in firefox doesn't collapse at all. I think this is because the click event has been handled by angular-strap so the browser-sync can catch it.
What should I do to make the browser-sync and ng-model works together? Please give me some advises, thank you.
Whenever an item is selcted from extjs combobox, it gets highlighted as follows
Is there any way to remove this highlighting. I searched in google with no success.
I am using ExtJs 2.3.0
First of all, you really need to consider upgrading your ExtJS version. I haven't seen this behavior by default in the newer versions.
Looking at the docs, in the config phase i don't see anythin which can help you.
The simplest thing you can do is add a select listener where you call the selectText method
comboBox.on('select', function(combo,record,index) {
// set the cursor at the start
//comboBox.selectText(0,0);
var cursorEnd =combo.getValue().length;
comboBox.selectText(cursorEnd,cursorEnd);
});
See working example with jsfiddle. It uses a newer ExtJS for illustrative purposes, however the select event and selectText method are also available in ExtJS 2.3.
I am using angularui bootstrap typeahead module for my project.
I am unable to pre-populate the drop-down with predefined value.
Whenever user click on input text of typeahead, it should automatically show the typeahead suggestion dropdown(from a static JSON).
Whenever user starts typing, then the behaviour should be normal.
I tried this solution but unfortunately it stopped working when I upgraded my angularjs to version 1.3
So I essentially accomplished this by making a custom directive and making a minor modification to the ui bootstrap typeahead code. You have to trick the typeahead into thinking someone has typed something in it. I placed a little pulldown arrow to the right of the field so essentially it looked like a pulldown and clicking on that arrow would show ALL choices. You should be able to do it using onfocus.
Basically find the code in the bootstrap typeahead that binds to the key events and I changed it to check for a keydown event of 40
if(scope.matches.length === 0 && evt.which === 40) { // Added
// COMMENT OUT modelCtrl.$setViewValue(modelCtrl.$viewValue);
modelCtrl.$setViewValue(''); // Added
}
You'll also need to make sure the typeaheadMinLength is set to 0. Note in the code above it checks for the case of the user NOT having typed anything AND the special keydown event that I trigger. You should be able to change this to trigger on onfocus. I copied the bootstrap typeahead to mytypeahead.js and then modified it as above, along with a few other minor mods that you may or may not need depending on if the field is "required" or not.
Using ExtJS 3.4
I have a EditorGridPanel and columns with ComboBoxs.
Just noticed that if I three options, say...
Dog
Cat
Mouse
...and Mouse is the saved value, then when I click the dropdown, my field gets populated with Dog - without me selecting it. Whatever the options, my field gets populated with the first value.
This only happens after an initial page load and the first time I click a combobox. Subsequent combo clicks do not elicit this behavior.
Anyone experienced anything like this? Any clue?
Thanks
Paul
autoSelect : false
for combobox component will solve this. Read ExtJS Documentation for more details.