フィールド ロール番号に基づいて QR コードを生成し、javascript ファイル (クライアント側の検証) を使用して "vyas_qrcode" という名前の id を持つ div コンテナーに表示したいと考えています。
QR コード生成のロジックは、js ファイル (qrcode_js.js) 内の start: function () 内、this.$el.append() 内にあります。追加内のコードは、chromes コンソール内で入力すると機能しますが、このファイルで「<」が予期しないというエラーが表示されます。
このロジックをxml内に直接配置しようとしましたが、ページとdomがロードされる前にロードされるため、qrcodeが生成されますが、値は空です。
ページとロードされているDOMを参照する「 start: function() 」内に配置することになっていることはわかっていますが、そこから移動する方法がわかりません。
フィールド「名前」を検証し、5〜10文字で、記号を含めないようにする方法も知りたいです。そして、私はこれをpythonファイルからではなく、クライアント側から、 "init: function()" または "start: function()" のいずれかで実行したいと考えています。
そして、私を助けるためにあなたの貴重な時間を割いてくれてありがとう。
私が作成した3つのファイルは、
from osv import osv,fields
class qrcode_clientside(osv.osv):
_name = 'qrcode.clientside' # Name of the table.
_columns = {
'name': fields.char("Name", size=64, requried=True), # Name of the person. The name should be between 5 and 10 characters and must not contain symbols . How to do this with the javascript file(qrcode_js.js)
'roll_number': fields.integer("Roll Number", required=True), # Roll number of the person.
}
次に、xml ファイル qrcode_js.xml
<?xml version="1.0" encoding="utf-8" ?>
<openerp>
<data>
<record model="ir.actions.act_window" id="action_qrcode_clientside">
<field name="name">QRCode Generation</field>
<field name="res_model">qrcode.clientside</field>
<field name="view_type">form</field>
<field name="view_mode">tree,form</field>
</record>
<menuitem name="QR Code JS" id="qrcode_js_menu" sequence="10" />
<menuitem name="QR Code Side Menu" id="qrcode_js_sidemenu" parent="qrcode_js_menu" sequence="3" />
<menuitem name="QR Code Generator" id="qrcode_js_finalmenu" parent="qrcode_js_sidemenu" sequence="4" action="action_qrcode_clientside" />
<record model="ir.ui.view" id="view_qrcode_clientside_form" >
<field name="name">qrcode.clientside Form View</field>
<field name="model">qrcode.clientside</field>
<field name="arch" type="xml">
<form string="QRCode Clientside Generation" version="7.0">
<sheet>
<group>
<group>
<field name="name" /> <!-- The name should be between 5 and 10 characters and must not contain symbols . How to do this with the javascript file(qrcode_js.js).-->
<field name="roll_number" class="roll_number_class" />
</group>
<group>
<div id="vyas_qrcode" width="100" height="75" > <!-- This is where the QR Code should be generated. It should have the value of the Roll number of the person. -->
QR Code Placeholder
</div>
</group>
</group>
</sheet>
</form>
</field>
</record>
<record model="ir.ui.view" id="view_qrcode_clientside_tree" >
<field name="name">qrcode.clientside Tree View</field>
<field name="model">qrcode.clientside</field>
<field name="arch" type="xml">
<field name="name" />
<field name="roll_number" />
</field>
</record>
</data>
</openerp>
次に、Javascript ファイル qrcode_js.js 。
openerp.js_qrcode_vyas = function(instance){
instance.js_qrcode_vyas = {};
alert("Inside the main function ");
instance.js_qrcode_vyas.qrcode_clientside = instance.web.Widget.extend({
init: function(parent, name){
console.log("qrcode_clientside page has been loaded.");
},
start: function(){
this.$el.append('
<script type="text/javascript" src="js_qrcode_vyas/static/src/js/jquery.qrcode.min.js"></script>
<script>
$(document).ready(function(){
rollnumber_from_field = $(".roll_no_class").text(); // Getting the value of Roll Number from the roll_number field.
qroptions = { width: 40,height: 40, text:rollnumber_from_field , size: 100, render:"image" }; // To pass arguments to get the QR code.
setTimeout(function(){$("#vyas_qrcode").qrcode(qroptions);}, 4000); // Generating the QR code and displaying it after a delay of 4 seconds.
});
</script>
');
},
});
};