PDA

View Full Version : Ext.dom.Element weirdness



castitas
10 Mar 2014, 12:07 PM
The function below displays a window underneath a manually created Component (var comp). It is called by a custom click event (Component's don't have the event natively).


showWindow: function(win, comp, mouseXY) {
var displayComp= comp.getEl().select('.asset-bar');
var cmpX = displayComp.el.getX();
var winY = displayComp.el.getY() + 25;
var winX, winWidth, evtWidth;

win.showAt(cmpX,winY);
winWidth = win.getWidth();
/*
var a=comp.getEl().select('.asset-bar');
console.log("a", a);
console.log("a.el",a.el);
console.log("1",a.el.getWidth());
console.log("2",a.el.getXY());
//*/
...
},


The weirdness:
1) Execution errors on cmpX: "el is null -- box = el.getBoundingClientRect()"
The commented out section works.

2) When I breakpoint just before cmpX's declaration, I can type "displayComp.el" all I want, but it always displays an empty Ext.dom.El. However, when I do "displayComp", then displayComp.el, the Ext.dom.Element has something there, and all is well.

Any idea what's happening? It looks like a race condition, but the second point makes me wonder.

skirtle
10 Mar 2014, 1:56 PM
The select method for an Element returns a CompositeElement, then you're grabbing its internal flyweight el directly. Surely that isn't what you intended? That internal flyweight is pointed at individual elements within the composite as required and if you bypass the methods on the composite it won't get chance to populate the el correctly.

Doesn't the down method give you what you want, rather than select?

castitas
14 Mar 2014, 9:29 AM
Probably not, but when the component is being created, they use select to set the width of the Component,


item.getEl().select('.asset-bar').setWidth(endPos-startPos);

which is likely why I have to do the same to get the correct width.
I'm currently looking into using down.

The object I am dealing with we call an 'event', and is a Component with a template. Below is the code for it. Conflict registry is a registry of these 'events', which are rendered to the rows of a grid.
Don't judge too hard. I didn't write this.


var eventTpl = new Ext.XTemplate(
'<div style="position:absolute;" class="event-tile {event_cls} asset-bar" id="myschedevent-{id}-'+this.uniqueId+
'"rowid={resource_id} start_date="{start_date}" end_date="{end_date} project_id={project_id} approved={approved}" >',
'{event_name}',
'</div>'
);

var rowIdx = me.lockedGrid.store.findExact('id',rec.data.resource_id);

var eventCmp = Ext.create('Ext.Component', {
renderTo: me.getView().getNode(rowIdx),
rowIdx: rowIdx,
renderTpl: eventTpl,
// style: {
// width: '20px'
// },
id:'event-'+rec.data.id+'-'+this.uniqueId,
renderData: {
id: rec.data.id,
resource_id: rec.data.resource_id,
...
},
resizable: false,
listeners: {
beforerender: function(cmp) {
// Load up field values into the users custom fields.
for(var i=0; i < me.formFieldsArray.length; i++) {
var canEditFieldKey = me.formFieldsArray[i].valueField+'__can_edit';
cmp.renderData[me.formFieldsArray[i].valueField] = rec.data[me.formFieldsArray[i].valueField];

// If can_edit is set to false or field security is set on then copy the data into the component.
cmp.renderData[canEditFieldKey] = rec.data[canEditFieldKey];
}
},
afterrender: function(cmp){
var me = this;
Ext.tip.QuickTipManager.register({
target: cmp.getEl(),
text: ...
});
this.getEl().on('click',function(){ //! component doesn't have a click event
me.fireEvent('click',me,arguments[0]); //arg[0] is the event
});
},
destroy:function(cmp){
me.conflictRegistry.resetPositioning();
me.conflictRegistry.deleteEvent(this.renderData.event_type,this.renderData.id);

// Note: I put if statement to get past nodeRow being undefined, but it is just a bandaid.
var nodeRow = me.getView().getNode(this.rowIdx);
if (nodeRow != undefined) {
var resourceRow = me.lockedGrid.getView().getNode(this.rowIdx);
Ext.get(nodeRow).setHeight(me.defaultRowHeight);
Ext.get(resourceRow).setHeight(me.defaultRowHeight);
}
me.conflictRegistry.layout();
}
}
});

castitas
14 Mar 2014, 12:00 PM
The reason for select in assigning the width was that item.getEl().setWidth() didn't work. Or at least, we thought it didn't. Visually, the components weren't sizing correctly, but after using Illuminations to inspect them, it turns out they did.http://www.sencha.com/forum/image/png;base64,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
http://www.sencha.com/forum/image/png;base64,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

castitas
14 Mar 2014, 12:17 PM
I fixed the visual part by putting width:'100%' in the template, and I am now using item.getEl() for sizing.
Hooray for a simple fix.