How we can include js in particular page?

kolate_sambhaji · October 18, 2017, 1:09pm

Check following code. You can easily include your own js. You can also override existing feature using javascript prototype.

github.com

mntechnique/jmi_erpnext/blob/develop/jmi_erpnext/public/js/pos_page_js.js

// POS page js.
try {
	erpnext.pos.PointOfSale = erpnext.pos.PointOfSale.extend({
		// make_search: function () {
		// 	var me = this;
		// 	this.serach_item = frappe.ui.form.make_control({
		// 		df: {
		// 			"fieldtype": "Data",
		// 			"label": "Item",
		// 			"fieldname": "pos_item",
		// 			"placeholder": __("Search Item")
		// 		},
		// 		parent: this.wrapper.find(".search-item"),
		// 		only_input: true,
		// 	});

		// 	this.serach_item.make_input();
		// 	this.serach_item.$input.on("keypress", function (event) {
		// 		if((me.serach_item.$input.val() != "") || (event.which == 13)){
		// 			me.items = me.get_items();

This file has been truncated. show original

@fahimalizain
In this case, you need page_js hook instead on doctype_js

github.com

mntechnique/jmi_erpnext/blob/develop/jmi_erpnext/hooks.py#L26


      
          
          
# include js, css files in header of desk.html
          app_include_css = "/assets/css/jmi.min.css"
          app_include_js = "/assets/js/jmi.min.js"
          
          
# include js, css files in header of web template
          # web_include_css = "/assets/jmi_erpnext/css/jmi_erpnext.css"
          # web_include_js = "/assets/jmi_erpnext/js/jmi_erpnext.js"
          
          
# include js in page
          page_js = {
          	"pos" : "public/js/pos_page_js.js",
          	"point-of-sale" : "public/js/pos_page_js.js"
          }
          
          
# include js in doctype views
          # doctype_js = {"doctype" : "public/js/doctype.js"}
          # doctype_list_js = {"doctype" : "public/js/doctype_list.js"}
          # doctype_tree_js = {"doctype" : "public/js/doctype_tree.js"}
          
          
# Home Pages