I have an interesting IE issue. Unfortunately I have to support IE so this is pretty critical.
You can see this even on the example on your page, jsakalos:
Use IE7/8 and click on the search menu that brings down the list of columns. Then click on the search box. Type something, no event fires. Hit enter, no event fires. Ext doesn't seem to "snap out of it" until you click somewhere else then back into the search box. It's like the menu is somehow holding onto focus? Notice that if you click the search dropdown twice, that is, once to open and once to close, everything behaves normally. So there's something about closing the menu by clicking on the text box (the natural thing to do IMO) that causes IE to lose its head.
hi guys, how can i use this with my work.... i need the same functionality for my grid..
I have two grids on my page, from which I drag and drop items from one grid to another.
I needed the same functionality to do a search from the grid1. If the item in grid1 exists then onEnter, it will put that item into grid2 and remove it from grid1.
//Simple 'border layout' panel to house both grids var displayPanel = new Ext.Panel({
width: 960,
height: 295,
layout: 'hbox',
renderTo: 'panel',
defaults: { flex: 1 }, //auto stretch layoutConfig: { align: 'stretch' },
items: [
firstGrid,
secondGrid
],
bbar: [ '->', // Fill {
height: 50,
text: 'Save',
handler: function () {
secondGridStore.each(function (Records) { var stockId = $("input[name=StockId]:first").clone();
stockId.val(Records.data.StockId);
stockId.appendTo("#portfolioform");
});
$("input[name=StockId]:first").remove();
$("#portfolioform").submit(); //refresh source grid //firstGridStore.loadData(myData); //purge destination grid //secondGridStore.removeAll(); }
}
]
}); // used to add records to the destination stores var blankRecord = Ext.data.Record.create(fields); /****
* Setup Drop Targets
***/ // This will make sure we only drop to the view scroller element var firstGridDropTargetEl = firstGrid.getView().scroller.dom; var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
ddGroup: 'firstGridDDGroup',
notifyDrop: function (ddSource, e, data) { var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
firstGrid.store.add(records); //firstGrid.store.sort('name', 'ASC'); returntrue }
});
// This will make sure we only drop to the view scroller element var secondGridDropTargetEl = secondGrid.getView().scroller.dom; var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl, {
ddGroup: 'secondGridDDGroup',
notifyDrop: function (ddSource, e, data) { var records = ddSource.dragData.selections;
Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
secondGrid.store.add(records); // secondGrid.store.sort('name', 'ASC'); returntrue }
});
});
Has anyone had a problem where the waitMsg image and message does not appear with the search plugin? I was able to fix the same problem with this.getForm().waitMsgTarget = this.getEl(); with a form, but of course the grid's base class is panel ....
Jozef Sakalos, aka Saki
Originally Posted by jsakalos
Reply With Quote