javascript - 如何在点击时运行事件加载？

Question

我正在尝试处理向服务器的数据传输。

我的问题:

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;

上面的代码有效。 如何在单击按钮时运行 load() 事件？ 我希望你能帮助我 谢谢。

Answer 1

您的意思是单击按钮 -> 加载人员

HTML

<div id="btn">Button</div>

Javascript

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);
    })
});