JEPaaS低代码平台ext.js与功能表单层级使用关系
https://doc.jepaas.com/docs/je_d ... epaas-1dkgb1ok86i0h页面层级说明jemainview -> jecenterview -> jedataview 和 jeeditview
jedataview -> jegridview 和 jetreeview
jeeditview -> tabpanel -> jeformview
1.获取表单相关层级https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_fce279562a426386cdd9d69690aa885a_r.png
https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_7f59b4ff366480b974796e304e1965c4_r.png
https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_c5400c3a178e77f282c5c8a7f3ead9af_r.png
https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_baf37132b7cbfee42bf3c66a9685922d_r.png
//获取当前功能整个表单界面
Ext.getCmp('JE_DEMO_ZCBJE_jemainview').up('');
//根据层级获取表单
Ext.getCmp('JE_DEMO_TEACHER_jemainview').down("jecenterview").down("jeeditview").down("tabpanel").down("jeformview");
2.获取表单
var form = Ext.getCmp("JE_JDAL_ALWD_jeformview");
3.获取表单按钮条
Ext.getCmp('JE_JDAL_ALWD_jeformview').down('');
4.获取表单按钮
其他按钮同下方法，按钮编码不清楚在获取toolbar之后，找到items属性就可以找到https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_36746b0f30d33102fab8f8ef128a5349_r.pngExt.getCmp("JE_JDAL_ALWD_jeformview").down("").down("button");
// 获取表单按钮，隐藏按钮
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("").down("button").hide();
//获取表单按钮，显示按钮
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("").down("button").show();
// 获取表单按钮，修改文本
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("").down("button").setText("测试保存”);
5.获取表单字段
//获取表单所有字段数组
var fieldsArry = Ext.getCmp('JE_XHJ_KEHUGUANLI_jeformview').down('').down('').items.items
//获取某一字段
fieldsArry[0];
// 获取表单分组框
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("fieldset");
// 获取表单分组框后修改分组框标题
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("fieldset").setTitle(“测试分组框”);
// 获取表单字段,表单字段值Ext.getCmp("JE_JDAL_ALWD_jeformview").getFields("ALWD_ALMC")Ext.getCmp("JE_JDAL_ALWD_jeformview").down("textfield");
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("").getValue();
//获取表单字段,设置表单字段值
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("").setValue("测试");
// 获取表单子功能集合
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("childfuncfield");
//获取子功能集合列表
Ext.getCmp("JE_JDAL_ALWD_jeformview").down("childfuncfield").grid
6.获取表单子功能
表单内纵向展示https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_a742a7ad6900c83b1c3ad9a5a1fbdb44_r.pnggetFormBox打开有items属性，items属性中有子功能的panel，用panel的属性值ID获取子功能，在获取子功能的列表https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_27b99ddf526416e34ca503ded2ae525a_r.pngExt.getCmp('JE_XHJ_KEHUGUANLI_jeformview').getFormBox();
Ext.getCmp('JE_XHJ_KEHUGUANLI_jeformview').down("panel").down("jegridview");
表单内横向展示https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_aa3a007187e8f79b11199593343a1673_r.png//子功能tab
Ext.getCmp('JE_DEMO_ZCBJE_childs_form').down('')
//子功能tab 标题头部
Ext.getCmp('JE_DEMO_ZCBJE_childs_form').down('').down('tabbar')
//子功能 grid上边的按钮条
Ext.getCmp('JE_DEMO_ZCBJE_childs_form').down('').down('tab').card.down('toolbar')
//子功能显示的grid
Ext.getCmp('JE_DEMO_ZCBJE_childs_form').down('').down('tab').card.down('jecenterview').down('jegridview');
表单横向展示https://doc.jepaas.com/uploads/je_doc_jepaas/images/m_eb3d52850df5c4a509f2a2bf7ff6e4be_r.png//表单编辑view
Ext.getCmp('JE_DEMO_ZCBJE_jecenterview').down('')
//表单
tabExt.getCmp('JE_DEMO_ZCBJE_jecenterview').down('').down('')
//表单 tab 标题头部
Ext.getCmp('JE_DEMO_ZCBJE_jecenterview').down('').down('').down('tabbar');
// form表单详细
Ext.getCmp('JE_DEMO_ZCBJE_jecenterview').down('').down('').down('tab').card;
//表单上所有的子功能列表
Ext.getCmp('JE_DEMO_ZCBJE_jecenterview').down('').down('').items.items
7.获取表单的流程审批历史数据
Ext.getCmp('JE_DEMO_QJSQ_jeformview').down('fieldset').data
8.通过事件（字段/按钮）获取表单层级和表单中字段或者子功能集合等组件
//通过字段获取form表单
field.up("jeformview");
//通过字段获取
mainviewfield.up("jeformview;").up("jemainview");
//通过字段获取表单按钮
field.up("jeformview").down("")down("button");
//通过字段获取子功能集合
field.up("jeformview").down("childfuncfield");
//通过字段获取子功能(表单内纵向示例)
field.up("jeformview").down("panel");
//通过按钮获取表单
btn.up("jeformview");
//通过按钮获取表单中字段
btn.up("jeformview").getFields("ALWD_ALMC")
//通过按钮获取表单中子功能集合
btn.up("jeformview").down("childfuncfield");
//通过按钮获取子功能(表单内纵向示例)
btn.up("jeformview").down("panel");
页:
[1]