vTiger和jQuery手机掩码

vTiger and jQuery phone mask

本文关键字:掩码 手机 jQuery vTiger      更新时间:2023-10-23

我有一个可以工作的电话掩码,但当我将jQuery添加到vTiger标头时,联系人页面不会绘制。

在Header.tpl中,我有js引用:

<script type="text/javascript" src="include/jquery/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="include/jquery/jquery.maskedinput.min.js"></script>

当我将所需的代码放入header.tpl文件时,带有目标电话字段的页面会冻结。

<script type="text/javascript">
jQuery(function($){
   $("#phone").mask( "999-999-9999", { placeholder : "_" } );
   });
</script>

任何关于为什么页面不会绘制的想法都将受到赞赏。

您应该覆盖模块中Edit.php文件中的getHeaderScripts方法来添加库,在Contacts模块中添加Mask Plugin,最好不要修改原始模板文件,只覆盖:

class Contacts_Edit_View extends Vtiger_Edit_View {
    function getHeaderScripts(Vtiger_Request $request) {
            $headerScriptInstances = parent::getHeaderScripts($request);
            $jsFileNames = array(
                'modules.Contacts.resources.Mask'
            );
            $jsScriptInstances = $this->checkAndConvertJsScripts($jsFileNames);
            $headerScriptInstances = array_merge($headerScriptInstances, $jsScriptInstances);
            return $headerScriptInstances;
        }
}