How to always show handsontable suggestions, even when value is specified - handsontable

I have a handsontable object using autocomplete (dropdown). When a table cell is empty, and I click on the cell, it shows a dropdown of suggestions.
After I enter a value in that cell, when I click on the arrow, it only shows me one suggestion, that which is already in the cell.
How do I see all of the suggestions, even when there is a value in the cell?
Thanks in advance!

So apparently doing this is the solution:
new Handsontable(element, {
...
filter: false,
...
});

Related

Kendo Grid custom editable popup

I create a custom popup_editor here, and what I want to achieve when add new record,
If radio button Percentage checked disable amount field, else if radio button Amount checked disable percentage field. (refer to image below). And how to do default value in text field? Thank for helping me.
DOJO DEMO
Try this
If radio button Percentage checked disable amount field, else if radio
button Amount checked disable percentage field. (refer to image below)
edit: function(e){
$('#RadioPercentage').change(
function(){
if ($(this).is(':checked')) {
$("#percentage").removeProp("disabled").removeClass("k-state-disabled");
$("#amount").prop("disabled", true).addClass("k-state-disabled");
}
});
$('#RadioAmount').change(
function(){
$("#amount").removeProp("disabled").removeClass("k-state-disabled");
$("#percentage").prop("disabled", true).addClass("k-state-disabled");
});
},
And how to do default value in text field?
Try this (inside "edit"), every time you open the popup you find that value, if you want to do it once just enter a flag
$("[type='text']").val("default");
Any idea how I can use kendoNumericTextBox for percentage and amount?
Appreciate your help
Try this

Kendo grid How can I display row content on mouse over for each column as my data is huge?

I need to display open a pane where I can display the full text of selected column.
I was referring to
How can I add multiple tooltips on kendo ui grid.
but not getting how to get the tooltip for each column selected.
Thanks in advance.
See if this demo helps you.
The Tooltip widget has a content configuration that accepts either a string or a function returning a string.
This function gets a parameter containing the target for the tooltip which is the element your mouse is hovering over.
You can filter the elements so that only tds pop the tooltip.
Here's how I built and applied the tooltip options object I use in the example:
$("#container").kendoTooltip({
filter: "td",
content: function(e) {return e.target.html();}
});
This example will show a tooltip containing the same content as the cell you're poining at.
If you have any further questions, feel free to ask them.

free-jqGrid Filter toolbar shunt subgrid column width plus

I'm using free-jqGrid 4.13.3.
I composed a grid with filter toolbar and this grid has subgrids elements such in this screenshot :
The subgrid column (which contains plus and minus signs) appears in filter toolbar, this has been ripped on left and make last column without filter, as it is on his left, under the dog icon.
So search in "N°" column doesn't match because ripped on left.
Same thing with this other screenshot :
I hope I am well understood with my explanation.
Please is there somebody who can drive me to correct my mistake ?
Many thanks in advance
Cheers
Jihel
and many thanks for your answer
I read again my code and have found I let in place one line where I hide the "th.jqgh_subgrid" column in main grid, when before I would want subgrid columns with plus/minus sign doesn't appear.
Sorry for the inconvenience as now the filter toolbar runs fine.
Have a nice day
Cheers
Jihel

Column header shows arrow icon after sortable is false in ExtJs grid

I have an ExtJs GridPanel in which sortable is false in all the columns.
Then if I sort store by
this.store.sort('Column1','ASC');
then the arrow reappers .
Does sortable gets true?
Is this because I am sorting the store or anything else?
If it the reason different than that then what is the solution for removing the arrow?
I would appreciate any help on this.
The arrow is being shown because of the sorter in the store, which identifies a column in the grid which has the dataIndex equal to the property you are sorting, despite the sorting being disable on this column. In this case, you could override the getSortParam function in your column definition, like this:
getSortParam: Ext.emptyFn
And your column will no longer show the arrow in the header.

jqgrid multiple datepickers and autofocus

i think i found a strange bug in jqGrid.
If you click on this link you can see a jqGrid with a pager. If you click on the '+' button you get the add form in which the 2 datepickers work as expected.
If you now click on this link you can see the very same table, and the very same add button. Anyway if you try to set the second date using tha datepicker you will notice that the focus moves back to the first input, opening the first datepicker.
The example does not work because it has the first field (Id) hidden, so the real first field is a datepicker. Moreover, the edit form is modal.
Last, if you click in this link the behaviour is correct even if the first field is a datepicker. The only thing i changed is the modal property (to false, before it was true).
However, i NEED to hide the Id field AND have a modal window, so i have to to get rid of this problem...
Can someone suggest a solution or an hint?
Thanks
PS: notice that if you set modal: false, you still get the black/transparent overlay like if the window is modal BUT it is not! If you click outisde the edit form it will be closed. This is not acceptable for my requirements.
try to set jqModal parameter into false
var editParams = {
modal: true,
jqModal:false,
... //other options you need
}
grid.editGridRow(row_id, editParams);
for more information see answer Oleg's analisys

Resources