[静态表篇] (6)换页

步骤一：制作静态表画面

步骤二：编辑函数

步骤三：静态表画面显示

一：制作静态表画面

画面-画面版面设计-新建

填写界面名，管理ID，输入Button项目数1，点击保存并进入下一步

将画面添加到菜单，并选择一个文件夹，点击保存

制作画面-画面版面设计
点击静态表换页行的编辑按钮

新建画面如下

右击【关闭】按钮，选择【删除】

右击【btn2】按钮选择【项目定义】

将项目名改为【检索】，点击保存

点击【追加项目】按钮，追加一个表

填写项目名，项目ID，显示种类选择【表】，点击保存

对表进行设定，【表中数件数】选择【多件】，点击保存

点击第二列ITEM1，选择【插入列】，为表格插入三列数据

显示结果如下

如下所示点击ITEM1，选择【控制设定】

修改项目名为【职员ID】，点击保存

以同样的做法修改第一行其他数据，更改结果如下如图所示

点击第三行ITEM1，选择【删除行】

双击第二行ITEM1，按下键盘【backspace】键将项目名删除，用同样的方法删除第二行其他数据的项目名

删除结果如下

点击薪资下边的文本框，选择【控制设定】

填写项目名，【显示种类】选择【字符串】在【格式设定】页面中，水平对齐选择【右】，点击保存

双击项目名1，按下键盘【backspace】键将其删除

点击【追加项目】按钮，进行项目追加

填写项目名，【表示种类】选择文本框，点击保存

点击【追加项目】按钮，进行项目追加

填写项目名，显示种类选择【文本框】，将默认值设为1，点击保存

点击【追加项目】按钮，进行项目追加

填写项目名，显示种类选择【按钮】，点击保存

界面中所显示的项目都可以自由移动，移动到适合位置后点击保存按钮进行保存

二：编辑函数

var st1 = getStaticTable("static4");
var strSql = new StringBuilder();
var strSqlCount = new StringBuilder();
var param = [1];
var al = null;
var b1 = null;
var row = null;
var userID = getObj('txt36'); //条件;
var week = "";
var yakushoku;
var stopFlg = false;
var pageChangeVal = getObj("txt38");
try {
    strSql.setLength(0);
    strSql.append("SELECT ID, NAME, DEPT, AGE, SALARY FROM EMPLOYEE ");
    //检索条件：职员ID
    if (userID != null && userID != "") {
        strSql.append(" WHERE ID  LIKE '%" + userID + "%'");
    }
    strSql.append(" ORDER BY ID");
    //追加SQL语句
    if (pageChangeVal != "") {
        strSql.append(" LIMIT ").append(StringUtil.ChangeIntToString(parseInt((parseInt(pageChangeVal) - 1) * 2, 10))).append(",").append("2");
    }
    strSqlCount.setLength(0);
    strSqlCount.append("SELECT COUNT(*) FROM EMPLOYEE");
    // 获取数据
    al = exequeryarrylist(strSql.toString());
    b1 = exequery(strSqlCount.toString());
    //var dataNum = b1
    if (al != null && al.size() > 0) {
        var list = new ArrayList();
        //var strint = 0.0;
        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));
            // 职员ID
            maptimuzhou.put("lbl15", keibItemBean);
            keibItemBean = new ItemBean();
            keibItemBean.setValue(row.get(1));
            // 职员名
            maptimuzhou.put("lbl17", keibItemBean);
            keibItemBean = new ItemBean();
            keibItemBean.setValue(row.get(2));
            // 部门
            maptimuzhou.put("lbl35", keibItemBean);
            keibItemBean = new ItemBean();
            keibItemBean.setValue(row.get(3));
            // 年龄
            maptimuzhou.put("lbl29", keibItemBean);
            keibItemBean = new ItemBean();
            keibItemBean.setValue(row.get(4));
            // 薪资
            maptimuzhou.put("lbl23", keibItemBean);
            list.add(maptimuzhou);
        }
        //　实现换页按钮
        pageChangeStr = getStaticTablePaging(b1, 2, pageChangeVal, "btn4", "txt38");
        ActStr += "$('#dragB40').html('" + pageChangeStr + "');";
        //　设置表内项目信息
        st1.setData(list);
        st1.addBreakConditionByParams("lbl35", "lbl35,lbl29");
        st1.addBreakCondition("lbl29", "lbl29");
        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

※var userID行getObj()的参数为上图右侧职员ID的项目ID【txt36】，var pageChangeVal行getObj()的参数为上图右侧pageChangeVal的项目ID【txt38】
※maptimuzhou.put参数中【lbl15】为画面中职员ID下方文本框的项目ID，之后函数依此类推
※注释实现换页按钮方法中getStaticTablePaging()的参数【btn4】为【检索】按钮的项目ID， 第二行【dragB40】为【换页】按钮号
制作画面-画面版面设计
点击【静态表换页】行的【编辑】按钮
右击【检索按钮】，选择【函数定义】

【函数类型】选择【详细界面使用的函数】，系统自动跳出上边新建的函数名称，点击保存

三：静态表画面显示