help, got a stupid problem

[auz0bgd]

hi guys, im new here, and new to ext, i want to to transform an existing submit button in my form with ext on ready func. i have transformed my comboBoxes but dunno how to do that for a button. her's the code:


var searchButton = new Ext.Button ({
action: 'submit',
apllyTo: 'search',
tooltip: 'search for jobs',
scope: this
});


html code has a div tab with id="seach". What am i doing wrong, or not doing ?

tnx

[tryanDLS]

You misspelled applyTo???

[auz0bgd]

nope i saw it and corrected it but firebug still reports this error:



el.ownerDocument has no properties
insertHtml("beforeend", Object action=submit applyTo=search, "<table border="0" cellpadding="0" cellspacing="0" class="x-btn-wrap"><tbody><tr><td class="x-btn-lef...")ext-all-debug.js (line 245)
doInsert("beforeEnd", Object action=submit applyTo=search, [" ", "button"], true)ext-all-debug.js (line 464)
append(Object action=submit applyTo=search, [" ", "button"], true)ext-all-debug.js (line 459)
render(Object action=submit applyTo=search)ext-all-debug.js (line 14844)
Button(Object action=submit applyTo=search, undefined)ext-all-debug.js (line 14783) //problem is here something is undefined
(no name)()JobPage (line 217)
fire()ext-all-debug.js (line 1363)
fireDocReady()ext-all-debug.js (line 1400)
[Break on this error]

[tryanDLS]

Try using renderTo. I think applyTo is looking for more of the existing button structure.

[JasonMichael]

Here's what I did, with 'submit' being the ID of the current button on the form...:



Ext.DomHelper.insertHtml('afterend',Ext.getDom('submit'),"<div id=\'submit-btn\'></div>");
Ext.get('submit-btn').replace(Ext.get('submit'));
var uploadBtn = new Ext.Button( 'submit-btn',{

scope: this
});
uploadBtn.setText('Submit Changes');
uploadBtn.on('click',function (e) {
//alert('clicked');
myForm.submit({ form: '#editform','url' : '/testservice.php'});
});


I don't think 'renderTo' was one of the available methods of the Buttons class...

[auz0bgd]

tnx will try it