[静态表篇] (2)设定表高和表宽
方法:setMaxHeight(),setMaxWidth()
步骤一:制作静态表画面
步骤二:编辑函数
步骤三:静态表画面显示
一:制作静态表画面
画面-画面版面设计-新建
填写界面名,管理ID,输入Button项目数1,点击保存并进入下一步
将画面添加到菜单,并选择一个文件夹,点击保存
制作画面-画面版面设计
点击静态表行的编辑按钮
新建画面如下
右击【关闭】按钮,选择【删除】
右击【btn2】按钮选择【项目定义】
将项目名改为【检索】,点击保存
点击【追加项目】按钮,追加一个表
填写项目名,项目ID,显示种类选择【表】,点击保存
对表进行设定,【表中数件数】选择【多件】,点击保存
点击第二列ITEM1,选择【插入列】,为表格插入三列数据
显示结果如下
如下所示点击ITEM1,选择【控制设定】
修改项目名为【职员ID】,点击保存
以同样的做法修改第一行其他数据,更改结果如下如图所示
点击第三行ITEM1,选择【删除行】
双击第二行ITEM1,按下键盘【backspace】键将项目名删除,用同样的方法删除第二行其他数据的项目名
删除结果如下
点击薪资下边的文本框,选择【控制设定】
填写项目名,在【格式设定】页面中,水平对齐选择【右】,点击保存
双击项目名1,按下键盘【backspace】键将其删除
点击【追加项目】按钮,进行项目追加
填写项目名,【表示种类】选择文本框,点击保存
界面中所显示的项目都可以自由移动,移动到适合位置后点击保存按钮进行保存
二:编辑函数
var st1 = getStaticTable("static4");
var strSql = new StringBuilder();
var param = [1];
var al = null;
var row = null;
var userID = getObj('txt36');
var background = "d6e6ff";
var fontcolor = "000000";
var week = "";
var yakushoku;
var stopFlg = false;
try {
strSql.setLength(0);
strSql.append(
"SELECT ID, NAME, DEPT, AGE, SALARY FROM EMPLOYEE"
);
//检索条件:职员ID
if (userID != null && userID != "") {
strSql.append(" AND ID LIKE '%" + userID + "%'");
}
strSql.append(" ORDER BY ID");
// 获取数据
al = exequeryarrylist(strSql.toString());
if (al != null && al.size() > 0) {
var list = new ArrayList();
for (var i = 0; i < al.size(); i++) {
var maptimuzhou = new HashMap();
var keibItemBean = new ItemBean();
row = al.get(i);
keibItemBean = new ItemBean();
keibItemBean.setValue(row.get(0));
keibItemBean.setBackground(background);
keibItemBean.setFontColor(fontcolor);
// 职员ID
maptimuzhou.put("lbl15", keibItemBean);
keibItemBean = new ItemBean();
keibItemBean.setValue(row.get(1));
keibItemBean.setBackground(background);
keibItemBean.setFontColor(fontcolor);
// 职员名
maptimuzhou.put("lbl17", keibItemBean);
keibItemBean = new ItemBean();
keibItemBean.setValue(row.get(2));
keibItemBean.setBackground(background);
keibItemBean.setFontColor(fontcolor);
// 部门
maptimuzhou.put("lbl35", keibItemBean);
keibItemBean = new ItemBean();
keibItemBean.setValue(row.get(3));
keibItemBean.setBackground(background);
keibItemBean.setFontColor(fontcolor);
// 年龄
maptimuzhou.put("lbl29", keibItemBean);
keibItemBean = new ItemBean();
keibItemBean.setValue(row.get(4));
keibItemBean.setBackground(background);
keibItemBean.setFontColor(fontcolor);
// 薪资
maptimuzhou.put("lbl23", keibItemBean);
list.add(maptimuzhou);
//list.add(maptimuzhou);
}
//设置表的项目信息
st1.setData(list);
st1.setMaxHeight(500);
st1.setMaxWidth(800);
ActStr += "" + JsUtil.saasforce_item2js(st1, true, null);
} else {
var list = new ArrayList();
var map = new HashMap();
list.add(map);
ActStr = "alert('该数据不存在。');";
}
} catch (e) {
trace(e);
ActStr = "alert('检索时发生错误。请联系系统管理员。[" + e + "]');";
}
工具-自定义函数-新规
如下图所示,在属性界面填写函数名称,选择使用范围,使用函数的界面,处理模式和运行端。
拷贝代码到函数编辑页面,点击保存按钮可获得函数ID
※getObj()的参数为上图右侧职员ID的项目ID【txt36】
※maptimuzhou.put参数中【lbl15】为画面中职员ID下方文本框的项目ID,之后函数依此类推
制作画面-画面版面设计
点击【静态表】行的【编辑】按钮
右击【检索按钮】,选择【函数定义】
【函数类型】选择【详细界面使用的函数】,系统自动跳出上边新建的函数名称,点击保存