openerp7 widget 之 ChangePassword

直奔主题：

         instance.web.client_actions.add("change_password", "instance.web.ChangePassword");

         有个动作叫做change_password，把它的请求最终（在客户端）给instance.web.ChangePassword"给处理了。

         1. 看看后台py代码：

                   \addons\base\res\res_users.py （481~486） 

    def preference_change_password(self, cr, uid, ids, context=None):        return {            'type': 'ir.actions.client',            'tag': 'change_password',            'target': 'new',        }

               类型是 ir.actions.client

       2. qweb 

           xml:   \addons\web\static\src\xml\base.xml (333~363)

           js: \addons\web\static\src\js\chrome.js (819~852)

instance.web.ChangePassword =  instance.web.Widget.extend({    template: "ChangePassword",    start: function() {        var self = this;        this.getParent().dialog_title = _t("Change Password");        var $button = self.$el.find('.oe_form_button');        $button.appendTo(this.getParent().$buttons);        $button.eq(2).click(function(){           self.getParent().close();        })        $button.eq(0).click(function(){          self.rpc("/web/session/change_password",{               'fields': $("form[name=change_password_form]").serializeArray()          }).done(function(result) {               if (result.error) {                  self.display_error(result);                  return;               } else {                   instance.webclient.on_logout();               }          });       })    },    display_error: function (error) {        return instance.web.dialog($('<div>'), {            modal: true,            title: error.title,            buttons: [                {text: _t("Ok"), click: function() { $(this).dialog("close"); }}            ]        }).html(error.error);    },})instance.web.client_actions.add("change_password", "instance.web.ChangePassword");

    

<t t-name="ChangePassword">    <form name="change_password_form" method="POST">      <div class="oe_form">        <table align="center">            <tr>                <td class="oe_form_group_cell oe_form_group_cell_label"><label for="old_pwd" class="oe_form_label">Old Password:</label></td>                <td class="oe_form_group_cell"><input type="password" name="old_pwd"                           minlength="1" autofocus="autofocus"/></td>            </tr>            <tr>            <td class="oe_form_group_cell oe_form_group_cell_label"><label for="new_password" class="oe_form_label">New Password:</label></td>            <td class="oe_form_group_cell"><input type="password" name="new_password"                       minlength="1"/></td>            </tr>            <tr>                <td class="oe_form_group_cell oe_form_group_cell_label"><label for="confirm_pwd" class="oe_form_label">Confirm New Password:</label></td>                <td class="oe_form_group_cell"><input type="password" name="confirm_pwd"                             minlength="1"/></td>            </tr>            <tr>                <td colspan="2" align="right">                    <button class='oe_button oe_form_button'>Change Password</button>                    <span class="oe_fade oe_form_button"> or </span>                    <button type="button" class="oe_button oe_form_button_cancel oe_form_button oe_link" href="javascript:void(0)"><span>Cancel</span></button>                </td>            </tr>        </table>      </div>    </form></t>

   3. 过程简单分析：

      

4. widget代码分析：

     

5. 细节

  1). serializeArray

   The serializeArray() method creates an array of objects (name and value) by serializing form values

  将表单的input元素转为为{'name':input标签的name, 'value':input标签的value)

  2).$button.appendTo(this.getParent().$buttons); 此处，讲按钮添加到form的$buttons里面，其原始html为:

   "<span class="oe_dialog_custom_buttons"></span>" 此处用法不明。

    3). rpc 调用路线：

        widget -> instance.web.Controller(.rpc) -> instance.web.Session(.rpc)  ->  instance.web.JsonRPC( rpc) -> $.ajax(ajax)

     ajax 结构

     

作者：深圳-Tommy

邮箱：[e-mail]

有问题可以和我讨论，转载请注明出处，谢谢！