如何給點(diǎn)晴MIS系統(tǒng)任意頁(yè)面增加自定義JS函數(shù)及操作腳本功能，并支持JS直接提取SQLServer數(shù)據(jù)庫(kù)后臺(tái)數(shù)據(jù)參與運(yùn)算或賦值顯示
為了給點(diǎn)晴MIS系統(tǒng)任意頁(yè)面增加自定義JS函數(shù)及操作腳本功能，并支持JS直接提取SQLServer數(shù)據(jù)庫(kù)后臺(tái)數(shù)據(jù)參與運(yùn)算或賦值顯示，需要用到如下幾個(gè)頁(yè)面：
/MIS/ajax_data/set_page_js.asp -----》用于設(shè)置相關(guān)JS參數(shù)
/MIS/ajax_data/get_field_value.asp ------》用于在需要增加JS控制的頁(yè)面上獲取相關(guān)JS腳本和函數(shù)
/MIS/ajax_data/return_field_value.asp ------》提供返回?cái)?shù)據(jù)的遠(yuǎn)端頁(yè)面，單表查詢，正常情況下無(wú)需用到或修改
/MIS/ajax_data/return_sql_value.asp ------》提供返回?cái)?shù)據(jù)的遠(yuǎn)端頁(yè)面，復(fù)雜SQL查詢，正常情況下無(wú)需用到或修改
/MIS/js/lime_util.min.js ------》JS工具庫(kù)，內(nèi)置了將近300個(gè)常用JS函數(shù)，方便JS高效設(shè)計(jì)
這個(gè)功能是通用設(shè)計(jì)方法，支持點(diǎn)晴MIS系統(tǒng)中任意頁(yè)面增加自定義JS腳本功能，可以方便的對(duì)任意頁(yè)面進(jìn)行精確的控制，包括：更改指定字段的只讀、禁止留空、動(dòng)態(tài)從SQL Server中提取信息刷新到頁(yè)面上、動(dòng)態(tài)批量加載信息到當(dāng)前頁(yè)面等。 下面以采購(gòu)單打印頁(yè)面為例，說(shuō)明如何改造打印頁(yè)面增加自定義JS函數(shù)及操作腳本功能，并利用新增的功能動(dòng)態(tài)更改打印人、將要求到貨時(shí)間改為當(dāng)前時(shí)間之后的3天。 第一步：給打印頁(yè)面增加自定義JS函數(shù)及操作腳本功能
先找到采購(gòu)單打印頁(yè)面“/mis/mrp/purchase_order_checkinfo.asp”，在最頂部增加：
page_site="mis_mrp_document_print_edit_asp" '默認(rèn)為當(dāng)前頁(yè)面完整路徑，但單據(jù)打印頁(yè)面有點(diǎn)不同應(yīng)該設(shè)置為模板設(shè)計(jì)頁(yè)面地址，路徑中的“/.”都要改成“_”
sub_code=pr_code_i '默認(rèn)留空，如果當(dāng)前頁(yè)面有多種子頁(yè)面，那么要啟用子識(shí)別碼，例如打印設(shè)計(jì)頁(yè)面對(duì)應(yīng)著送貨單、銷(xiāo)售單、入庫(kù)單等各種單據(jù)類(lèi)型
在頁(yè)面最底部加入下面紅色內(nèi)容（這些紅色內(nèi)容務(wù)必放在最底部，需要獲取上面這兩個(gè)值，并且有一個(gè)隱藏的DIV，以免加載異常）：
<script language="javascript">
<%call get_js_body(page_site,sub_code,0)%>
</script>
<!--#include file="../ajax_data/get_field_value.asp"-->
'引入get_field_value.asp要用到上面的兩個(gè)參數(shù)page_site、sub_code 在頁(yè)面右上角增加管理員才能訪問(wèn)的按鈕：
if popedom100185>0 then input_button=input_button &"<input type=""button"" class=""button_80px button_ui_orange"" value=""頁(yè)面JS腳本"" onclick=""open_win('/mis/ajax_data/set_page_js.asp?page_site="& page_site &"&sub_code="& sub_code &"',960,640);"">" 如果啟用提交前JS，那么還要在提交JS中加上以下這個(gè)：
<%call get_js_submit(page_site,sub_code,0)%> 如果啟用提交后JS，那么還要在提交JS后面加上以下這個(gè)：
<%call get_js_submit_after(page_site,sub_code,0)%> 如果要在頁(yè)面上顯示“執(zhí)行JS”按鈕，用于某些不方便在進(jìn)入頁(yè)面時(shí)、也不方便在提交表單時(shí)加載的JS腳本：
<%call get_js_button(page_site,sub_code,0)%> 然后找到采購(gòu)單打印設(shè)置頁(yè)面“/mis/mrp/document_print_edit.asp”，在頁(yè)面頂部增加：
page_site="mis_mrp_document_print_edit_asp" '默認(rèn)為當(dāng)前頁(yè)面完整路徑，路徑中的“/.”都要改成“_”
sub_code=pr_code_i '默認(rèn)留空，如果當(dāng)前頁(yè)面有多種子頁(yè)面，那么要啟用子識(shí)別碼，例如打印設(shè)計(jì)頁(yè)面對(duì)應(yīng)著送貨單、銷(xiāo)售單、入庫(kù)單等各種單據(jù)類(lèi)型 在頁(yè)面最底部加入下面內(nèi)容（這些腳本務(wù)必放在最底部，需要獲取上面這兩個(gè)值，并且有一個(gè)隱藏的DIV，以免加載異常）： <!--#include file="../ajax_data/get_field_value.asp"-->
'引入get_field_value.asp要用到的兩個(gè)參數(shù)page_site、sub_code 由于本頁(yè)面中還需要顯示字段說(shuō)明，所以還需要在相應(yīng)位置的表頭print_top_intro和表尾print_bottom_intro說(shuō)明中增加以下內(nèi)容：
add_custom_id_remark=get_js_remark(page_site,sub_code,1) '獲取字段說(shuō)明
if add_custom_id_remark&"CS"<>"CS" then print_top_intro=replace(print_top_intro &"|"& add_custom_id_remark,"||","|")
if add_custom_id_remark&"CS"<>"CS" then print_bottom_intro=replace(print_bottom_intro &"|"& add_custom_id_remark,"||","|") 增加完以上代碼后，頁(yè)面上就會(huì)出現(xiàn)一個(gè)“頁(yè)面JS腳本”按鈕：
點(diǎn)擊“頁(yè)面JS腳本”按鈕就會(huì)出現(xiàn)以下JS設(shè)計(jì)頁(yè)面：
第二步：設(shè)計(jì)JS取數(shù)腳本
在以上界面中，可以自定義設(shè)計(jì)表體JS、提交前JS、說(shuō)明文字等信息。其中表體JS支持直接從SQL Server中動(dòng)態(tài)提取數(shù)值，并將返回值參與到JS運(yùn)算、或者直接刷新頁(yè)面上的內(nèi)容，刷新方式包括DIV的innerHTML、input的value等內(nèi)容，也支持JS的replace函數(shù)更新模板頁(yè)面上原有的：$input_time$、{銷(xiāo)售單號(hào)}等進(jìn)行替換，十分的靈活方便。點(diǎn)擊上面的“加載預(yù)置值”按鈕，就可以看到系統(tǒng)提供的預(yù)置樣板，JS方式動(dòng)態(tài)從SQL Server取數(shù)提供了單表和識(shí)別字段直接簡(jiǎn)單取數(shù)、以及自寫(xiě)SQL腳本實(shí)現(xiàn)復(fù)雜取數(shù)兩種方式。 由于JS從SQL Server中動(dòng)態(tài)取數(shù)是異步實(shí)現(xiàn)的，所以相對(duì)麻煩些，下面提供兩段信息供參考：
表體JS：
async function compute(){
var table_name="userinf"; //SQL Server表名稱
var sole_id="username"; //用于唯一識(shí)別的字段
var id_value="wuxin"; //唯一識(shí)別的字段值
var get_id="name"; //需要返回的字段名
var alert_flag=1; //有異常時(shí)是否彈出提醒，0-否、1-是
var wait_time=500; //異步查詢等待時(shí)間，單位ms
get_field_value(table_name, sole_id, id_value, get_id, alert_flag); //本行勿動(dòng)，以上變量會(huì)自動(dòng)傳入本函數(shù)
var tmpValue=await getSomething(get_id,wait_time); //本行勿動(dòng)，以上變量會(huì)自動(dòng)傳入本函數(shù)
document.getElementById("print_body").innerHTML=document.getElementById("print_body").innerHTML.replace("{制單人}",tmpValue); //tmpValue即為獲得的字段值，此行開(kāi)始自行寫(xiě)JS腳本
}
compute(); //此處去掉斜杠啟用上面的JS腳本 頁(yè)面說(shuō)明：
制單人：{制單人}|制單時(shí)間：{制單時(shí)間} 保存后，就可以在頁(yè)面上看到新增的內(nèi)容了，我們?cè)谏厦娌迦脒@個(gè)新增的字段{制單人}：
設(shè)計(jì)完畢后，返回采購(gòu)單打印頁(yè)面，就會(huì)看到上面的“{制單人}”已經(jīng)被自動(dòng)更換為“伍鑫”了：
另外，為了方便JS開(kāi)發(fā)，本功能還引入JS工具庫(kù)（已經(jīng)強(qiáng)制引入，無(wú)需再次引入，直接使用即可），提供了將近300個(gè)API函數(shù)，可以極大的簡(jiǎn)化JS設(shè)計(jì)，此JS庫(kù)的使用方法參見(jiàn)以下教程：
高級(jí)應(yīng)用：
更復(fù)雜的自定義SQL查詢并返回json數(shù)據(jù)集的例子，參見(jiàn)詢價(jià)單自動(dòng)轉(zhuǎn)為采購(gòu)單，這個(gè)新增采購(gòu)單頁(yè)面提供了自動(dòng)抓取多個(gè)物料的相應(yīng)詢價(jià)價(jià)格的功能，位置：采購(gòu)管理-》新增采購(gòu)單。 相關(guān)教程：
該文章在 2024/10/30 17:37:09 編輯過(guò)
|
關(guān)鍵字查詢
相關(guān)文章
正在查詢... 
|
||||||||
400 186 1886
lime-util 前端模塊化 Javascript 工具庫(kù)
