Javascript 如何在单击时运行事件加载?
我正试图处理数据传输到服务器的问题 我的问题是:Javascript 如何在单击时运行事件加载?,javascript,extjs,extjs4,Javascript,Extjs,Extjs4,我正试图处理数据传输到服务器的问题 我的问题是: Ext.onReady(function(){ Ext.define('Person', { extend: 'Ext.data.Model', idProperty: 'PersonID', fields: [{ name: 'PersonID', type: 'int' }, .......], proxy: {
Ext.onReady(function(){
Ext.define('Person', {
extend: 'Ext.data.Model',
idProperty: 'PersonID',
fields: [{
name: 'PersonID',
type: 'int'
}, .......],
proxy: {
type: 'ajax',
api: {
read: '1.php?id=90',
create: 'create.php',
update: 'upd.php',
destroy: 'delete.php'
}
}
});
Person.load(1, {
//callback который будет выполнен когда запрос пройдет....
callback: function(p, operation){
//p -это текущий объект
alert(p.get('Name'))
console.log(p.get('PersonID')); //1
console.log(p.get('Salary')) //300
//document.getElementsByTagName('p')[0].innerHTML='<input type="button" value="click" onclick="function(){p.load()}">'
//Uncaught ReferenceError: p is not defined ?
//Uncaught SyntaxError: Unexpected token (
}
});
person=new Person;
Ext.onReady(函数(){
Ext.define('人'{
扩展:“Ext.data.Model”,
idProperty:“PersonID”,
字段:[{
名称:“PersonID”,
键入:“int”
}, .......],
代理:{
键入:“ajax”,
api:{
读:“1.php?id=90”,
create:'create.php',
更新:“upd.php”,
销毁:“delete.php”
}
}
});
人荷载(1{
//回拨。。。。
回调:函数(p,操作){
//p-эъъъъъ
警报(p.get('Name'))
console.log(p.get('PersonID');//1
console.log(p.get('Salary'))//300
//document.getElementsByTagName('p')[0]。innerHTML=''
//未捕获引用错误:未定义p?
//未捕获的语法错误:意外标记(
}
});
人员=新人员;
上述代码有效。
如何在单击按钮时运行事件load()
?
我希望你能帮助我
谢谢。你是说点击按钮->加载人 HTML
你是说点击按钮->加载人 HTML
<div id="btn">Button</div>
Ext.define('Person', {
extend: 'Ext.data.Model',
fields: ['id', 'name'],
proxy: {
type: 'ajax',
api: {
read: '/someurl'
},
reader: {
type: 'json',
root: 'data',
successProperty: 'success',
totalProperty: 'total'
}
}
});
Ext.onReady(function(){
document.getElementById('btn').addEventListener('click', function(){
Person.load(1);
})
});