skidus
f705cd11b9
- Core Logic Enhancements:
- Implement bidirectional field referencing between <FIELDS>, <LAYOUT>, and <TITLES> tags in .frml files, enabling seamless navigation from definitions to usages and vice versa.
- Add robust support for AJAX-OPTION field mapping:
- SRC attribute: Links to field definitions within defs/ajax.xml datasets.
- TARGET attribute: Links to local field definitions within the same form.
- Implement global grid resolution: GRID-ID now searches across the current file and all recursively included files (<INCLUDE>).
- Enhance deep recursive search for fields/sections within nested tags like <SECTION>, <ROW>, and <FIELD-LIST>.
- Path Resolution & Helpers (DynFormPathUtils):
- Added support for module-relative paths starting with # (mapping to view/frm/).
- Added support for cross-module paths starting with / (mapping to WEB-INF/app/module/{module}/view/frm/).
- Implemented auto-correction for common keyboard typos (Thai 'ิ' instead of /).
- Added specialized helpers for locating ajax.xml and included files within the framework's structure.
- Smart Completion Enhancements:
- Added context-aware completion for TARGET and SRC fields in AJAX update-fields.
- Enabled global GRID-ID completion by scanning all included resources.
- Improved dataset completion to include both local and AJAX-defined datasets.
- Test Resources:
- Added a comprehensive set of real-world examples (bdgt04, bdgt05, bdgt06) in DevResources/full-examples/ to validate complex cross-module and master-detail scenarios.
273 lines
12 KiB
XML
273 lines
12 KiB
XML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<FORMS xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="xsd/#dynf_form_def.xsd">
|
|
<DATASETS>
|
|
<DATASET ID="DS-PROJECT_BUDGET_ITEMS">
|
|
<SCHEMA>APP</SCHEMA>
|
|
<TABLENAME>PROJECT_BUDGET_ITEMS</TABLENAME>
|
|
<KEYFIELDS>PROJ_ID,BGM_CODE,PBDG_ID</KEYFIELDS>
|
|
<SQL>
|
|
<SELECT>SELECT BGTT.BGM_CODE
|
|
, BGTT.BGM_NAME
|
|
, BGTT.BGM_UNIT
|
|
, BGTT.BGM_UNIT_RATE
|
|
, BGTT.NODE_LEVEL
|
|
, BGTT.BGM_SEQ
|
|
, BGTT.EXP_TYPE
|
|
, BGTT.MAIN_NODE
|
|
, BGTT.NODE_TYPE
|
|
, PBGI.PBGI_QTY
|
|
, PBGI.PBGI_FREQ
|
|
, PBGI.PBGI_COST
|
|
, PBGI.PBGI_TOTAL
|
|
</SELECT>
|
|
<FROM>
|
|
FROM BGT.V_BUDGET_TREE BGTT
|
|
INNER JOIN (SELECT DISTINCT BGDM.BGM_CODE
|
|
FROM BUD.BUDGET_M BGDM
|
|
INNER JOIN BUD.BUDGET_M BGDH ON BGDM.BGM_CODE = BGDH.BGM_CODE
|
|
START WITH BGDM.BGM_CODE IN (SELECT PBGI.BGM_CODE FROM BGT.PROJECT_BUDGET_ITEMS PBGI WHERE PBGI.PROJ_ID = :PROJ_ID AND PBGI.PBDG_ID = :PBDG_ID)
|
|
CONNECT BY PRIOR BGDH.BGM_MAIN_NODE = BGDH.BGM_CODE) FLTR ON FLTR.BGM_CODE = BGTT.BGM_CODE
|
|
LEFT OUTER JOIN BGT.PROJECT_BUDGET_ITEMS PBGI ON PBGI.BGM_CODE = BGTT.BGM_CODE AND PBGI.PROJ_ID = :PROJ_ID AND PBGI.PBDG_ID = :PBDG_ID
|
|
</FROM>
|
|
<ORDER>ORDER BY BGTT.BGM_SEQ</ORDER>
|
|
</SQL>
|
|
<FIELDS>
|
|
<FIELD NAME="PROJ_ID" TYPE="TEXT" LABEL="รหัสอ้างอิงโครงการ" WIDTH="32"/>
|
|
<FIELD NAME="PBDG_ID" TYPE="TEXT" LABEL="รหัสงบประมาณโครงการ" WIDTH="32"/>
|
|
<FIELD NAME="BGM_CODE" TYPE="TEXT" LABEL="รหัสหมวดงบประมาณ" WIDTH="20"/>
|
|
|
|
<FIELD NAME="PBGI_FREQ" TYPE="NUMBER" LABEL="จำนวนครั้ง" WIDTH="10"/>
|
|
<FIELD NAME="PBGI_QTY" TYPE="NUMBER" LABEL="จำนวนคน" WIDTH="10"/>
|
|
<FIELD NAME="PBGI_COST" TYPE="NUMBER" LABEL="อัตรา" WIDTH="15"/>
|
|
<FIELD NAME="PBGI_TOTAL" TYPE="NUMBER" LABEL="รวมเป็นเงิน" WIDTH="15"/>
|
|
|
|
<FIELD NAME="PBGI_REASON" TYPE="TEXT" LABEL="เหตุผลความจำเป็น" WIDTH="4000"/>
|
|
</FIELDS>
|
|
</DATASET>
|
|
</DATASETS>
|
|
|
|
<DATA-GRIDS>
|
|
<DATA-GRID ID="GRID-WORK-BUDGET">
|
|
<MASTER-DATA DATASET-ID="DS-MASTER" MASTER-FIELDS="PROJ_ID,PBDG_ID" DETAIL-FIELDS="PROJ_ID,PBDG_ID"/>
|
|
<UNIQ-CHECK CHECK-FIELDS="BGM_CODE" MESSAGE="pwbg.bgm_code duplicate !"></UNIQ-CHECK>
|
|
<GRID-LIST DATAID="DS-PROJECT_BUDGET_ITEMS" EDIT="Y" DELETE="Y" ADD="Y" CLASS="table-primary">
|
|
<KEYFIELDS>PROJ_ID,BGM_CODE</KEYFIELDS>
|
|
<TITLES>
|
|
<ROW>
|
|
<FIELD NAME="BGM_CODE" LABEL="plcbg.bgm_code" WIDTH="10em" ALIGN="left" ROWS-SPAN="2"/>
|
|
<FIELD NAME="BGM_NAME" LABEL="plcbg.bgm_name" ALIGN="left" ROWS-SPAN="2"/>
|
|
<FIELD NAME="BGM_BUTGETS" LABEL="plcbg.budget" ALIGN="center" COLS-SPAN="4"/>
|
|
</ROW>
|
|
<ROW>
|
|
<FIELD NAME="PBGI_QTY" LABEL="plcbg.qty" WIDTH="5em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_FREQ" LABEL="plcbg.freq" WIDTH="5em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_COST" LABEL="plcbg.cost" WIDTH="6em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_TOTAL" LABEL="plcbg.total" WIDTH="8em" ALIGN="right"/>
|
|
</ROW>
|
|
</TITLES>
|
|
|
|
<FIELDS>
|
|
<FIELD NAME="BGM_CODE" LABEL="pwbg.bgm_code" WIDTH="15em" ALIGN="left">
|
|
<DATA-FORMATTER>
|
|
<![CDATA[ (value,row,idx)=>{return $(`<div class="col offset-${row["node_level"]}">${value}</div>`);}]]>
|
|
</DATA-FORMATTER>
|
|
</FIELD>
|
|
<FIELD NAME="BGM_NAME" LABEL="pwbg.bgm_name" ALIGN="left">
|
|
<DATA-FORMATTER>
|
|
<![CDATA[ (value,row,idx)=>{return $(`<div class="col offset-${row["node_level"]}">${value}</div>`);}]]>
|
|
</DATA-FORMATTER>
|
|
</FIELD>
|
|
<FIELD NAME="PBGI_QTY" LABEL="plcbg.qty" WIDTH="5em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_FREQ" LABEL="plcbg.freq" WIDTH="5em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_COST" LABEL="plcbg.cost" WIDTH="6em" ALIGN="right"/>
|
|
<FIELD NAME="PBGI_TOTAL" LABEL="plcbg.total" WIDTH="8em" ALIGN="right"/>
|
|
<COMMAND-BUTTONS>
|
|
<BUTTONS-FILTER>
|
|
<EDIT><![CDATA[({$ctx,row})=>{return row["node_type"] !== "C"}]]></EDIT>
|
|
<DELETE><![CDATA[({$ctx,row})=>{return row["node_type"] !== "C"}]]></DELETE>
|
|
<VIEW><![CDATA[({$ctx,row})=>{return row["node_type"] !== "C"}]]></VIEW>
|
|
</BUTTONS-FILTER>
|
|
</COMMAND-BUTTONS>
|
|
</FIELDS>
|
|
<FOOTER SHOW="Y"/>
|
|
<SCRIPT>
|
|
<INITIALIZE>
|
|
<![CDATA[
|
|
(ctx)=> {
|
|
ctx.sum_of = {};
|
|
console.log("init grid-budget");
|
|
const fieldFormat = (field,value,row) => {
|
|
return (row["node_type"] === "D" || field === "pbgi_total") ? formatNumber(value, 0) : "";
|
|
}
|
|
|
|
const summary = (field, data) => {
|
|
let total = 0;
|
|
for (const row of data) {
|
|
if (row["node_type"] === "D") {
|
|
total += (strToFloat(row[field])) || 0;
|
|
}
|
|
}
|
|
ctx.sum_of[field] = total;
|
|
|
|
if (ctx.$dataGrid && ctx.$dataGrid.load && !ctx.$dataGrid.reload) {
|
|
ctx.$dataGrid.reload = true;
|
|
for (let id=data.length-1; id>=0; id--) {
|
|
let row = data[id];
|
|
if (row["node_type"] === "C") {
|
|
let grpTotal = 0;
|
|
let mainNode = row["bgm_code"];
|
|
let nodes = [];
|
|
nodes.push($$("main_node="+mainNode,data));
|
|
for (let node of nodes.flat()) {
|
|
grpTotal += +node[field];
|
|
}
|
|
data[id][field] = grpTotal;
|
|
}
|
|
}
|
|
ctx.$dataGrid.load(data);
|
|
ctx.$dataGrid.reload = false;
|
|
}
|
|
|
|
return formatNumber(total,0);
|
|
}
|
|
|
|
const fieldList = ["pbgi_freq","pbgi_qty","pbgi_cost","pbgi_total"];
|
|
for (let field of fieldList) {
|
|
let column = $$(`field=${field}`,ctx.gridColumn.flat());
|
|
column.formatter = (value,row) => {
|
|
return fieldFormat(field, value, row);
|
|
}
|
|
column.footerFormatter =function (data) {
|
|
return summary(field,data);
|
|
}
|
|
}
|
|
|
|
ctx.option.rowStyle = function (row, index) {
|
|
if (row["node_type"] === "C") {
|
|
return {classes : `group-level-${row["node_level"]}`};
|
|
}
|
|
return {}; // Default style for other rows
|
|
}
|
|
}
|
|
]]>
|
|
</INITIALIZE>
|
|
</SCRIPT>
|
|
</GRID-LIST>
|
|
|
|
<GRID-EDITOR DATAID="DS-PROJECT_BUDGET_ITEMS">
|
|
<FIELDS>
|
|
<FIELD NAME="PROJ_ID" INPUTTYPE="HIDDEN"/>
|
|
<FIELD NAME="PBDG_ID" INPUTTYPE="HIDDEN"/>
|
|
<FIELD NAME="BGM_NAME" INPUTTYPE="HIDDEN"/>
|
|
<FIELD NAME="NODE_TYPE" INPUTTYPE="HIDDEN" VALUE="D"/>
|
|
<FIELD NAME="VBGM_CODE" CAPTION="pwbg.bgm_code" INPUTTYPE="TEXT" READONLY="Y"/>
|
|
<FIELD NAME="BGM_CODE" CAPTION="pwbg.bgm_name" INPUTTYPE="COMBOBOX" REQUIRE="Y" EDIT-READONLY="Y">
|
|
<AJAX-OPTION URL="/api-data.jbx" DATASET="DS-BUDGET-02-BDGT" VALUE-FIELD="BGM_CODE" TEXT-FIELD="BGM_NAME">
|
|
<UPDATE-FIELDS>
|
|
<FIELD SRC="BGM_CODE" TARGET="VBGM_CODE"></FIELD>
|
|
<FIELD SRC="BGM_NAME" TARGET="BGM_NAME"></FIELD>
|
|
</UPDATE-FIELDS>
|
|
</AJAX-OPTION>
|
|
<LIST-OPTION>
|
|
<FORMATTER><![CDATA[
|
|
(data) => {
|
|
return $(`<div><label class="offset-${data.node_level}">[${data.bgm_code}]</label> : <label>${data.bgm_name}</label></div>`);
|
|
}
|
|
]]></FORMATTER>
|
|
</LIST-OPTION>
|
|
</FIELD>
|
|
|
|
<FIELD NAME="PBGI_QTY" CAPTION="plcbg.qty" INPUTTYPE="TEXT" DATATYPE="NUMBER" DECIMAL="0" CLASS-NAME="budget-data"/>
|
|
<FIELD NAME="PBGI_FREQ" CAPTION="plcbg.freq" INPUTTYPE="TEXT" DATATYPE="NUMBER" DECIMAL="0" CLASS-NAME="budget-data"/>
|
|
<FIELD NAME="PBGI_COST" CAPTION="plcbg.cost" INPUTTYPE="TEXT" DATATYPE="NUMBER" DECIMAL="0" CLASS-NAME="budget-data"/>
|
|
<FIELD NAME="PBGI_TOTAL" CAPTION="plcbg.total" INPUTTYPE="TEXT" DATATYPE="NUMBER" DECIMAL="0" READONLY="Y"/>
|
|
</FIELDS>
|
|
<LAYOUT CLASS="block-layout-form">
|
|
<ROW>
|
|
<FIELD NAME="VBGM_CODE" LAYOUT_WIDTH="6"/>
|
|
<FIELD NAME="BGM_CODE" LAYOUT_WIDTH="16"/>
|
|
</ROW>
|
|
<ROW ID="ROW-BUDGET-DATA">
|
|
<FIELD NAME="PBGI_QTY" LAYOUT_WIDTH="3" OFFSET="6"/>
|
|
<FIELD NAME="PBGI_FREQ" LAYOUT_WIDTH="3"/>
|
|
<FIELD NAME="PBGI_COST" LAYOUT_WIDTH="3"/>
|
|
<FIELD NAME="PBGI_TOTAL" LAYOUT_WIDTH="3"/>
|
|
</ROW>
|
|
<ROW TYPE="CONTENT" CLASS="bootstrap-table bootstrap5">
|
|
<![CDATA[
|
|
<div class="fixed-table-container fixed-table-header col-24">
|
|
<table class="col-24 no-padding table table-bordered table-hover with-command">
|
|
<thead class="table-primary">
|
|
<tr>
|
|
<th style="text-align: center; vertical-align: middle; width: 3em; " rowspan="2" data-field="bgm_code">
|
|
<div class="th-inner ">No</div>
|
|
</th>
|
|
<th style="text-align: center; vertical-align: middle; " rowspan="2" data-field="bgm_name">
|
|
<div class="th-inner ">รายการกิจกรรม</div>
|
|
</th>
|
|
<th style="text-align: center; " colspan="4">
|
|
<div class="th-inner ">งบประมาณ</div>
|
|
<div class="fht-cell"></div>
|
|
</th>
|
|
<th class="operate-header" style="text-align: center; width: 90px; " rowspan="2" data-field="grid-operate">
|
|
<button type="button" id="add-btn-gridGRID_BUDGET" class="btn btn-primary btn-round white data-grid-add-btn w-75"><i class="fa fa-plus"></i></button>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<th style="text-align: center; width: 5em; " data-field="pbgi_freq" data-not-first-th="">
|
|
<div class="th-inner ">หน่วย/คน</div>
|
|
</th>
|
|
<th style="text-align: center; width: 5em; " data-field="pbgi_qty">
|
|
<div class="th-inner ">ครั้ง/คืน</div>
|
|
</th>
|
|
<th style="text-align: center; width: 6em; " data-field="pbgi_cost">
|
|
<div class="th-inner ">อัตรา</div>
|
|
</th>
|
|
<th style="text-align: center; width: 8em; " data-field="pbgi_total">
|
|
<div class="th-inner ">รวมเป็นเงิน</div>
|
|
</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr data-index="1">
|
|
<td class="" style="text-align: right; vertical-align: middle;">
|
|
<div class="col">1</div>
|
|
</td>
|
|
<td class="" style="text-align: left; vertical-align: middle;">
|
|
<div class="col">กิจกรรมย่อย 1</div>
|
|
</td>
|
|
<td class="" style="text-align: right; ">5</td>
|
|
<td class="" style="text-align: right; ">10</td>
|
|
<td class="" style="text-align: right; ">200</td>
|
|
<td class="" style="text-align: right; ">10,000</td>
|
|
<td class="operate-header" style="text-align: center; width: 90px;">
|
|
<div class="d-flex flex-row gap-1 justify-content-center width-100">
|
|
<button type="button" class="btn btn-grid-command btn-warning btn-edit" title="Edit "><i class="fa fa-edit white"></i></button>
|
|
<button type="button" class="btn btn-grid-command btn-danger btn-delete" title="Delete "><i class="fa fa-trash-alt white"></i></button>
|
|
<button type="button" class="btn btn-grid-command btn-primary btn-view" title="View "><i class="fa fa-file-alt white"></i></button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr data-index="1">
|
|
<td class="" colspan="8"><div style="height: 200px"></div></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
]]>
|
|
</ROW>
|
|
</LAYOUT>
|
|
<SCRIPT>
|
|
<INITIALIZE><![CDATA[
|
|
console.log("sum budget value");
|
|
let budgetField = $$("input.budget-data");
|
|
const sumBudget = ()=>{
|
|
$$("PBGI_TOTAL").setValue(budgetField.multiply());
|
|
}
|
|
budgetField.on("change",sumBudget);
|
|
]]></INITIALIZE>
|
|
</SCRIPT>
|
|
</GRID-EDITOR>
|
|
</DATA-GRID>
|
|
</DATA-GRIDS>
|
|
</FORMS>
|