[静态表篇] (4)设置输入栏

方法:setReadOnly()

步骤一:制作静态表画面

步骤二:编辑函数

步骤三:静态表画面显示

一:制作静态表画面

画面-画面版面设计-新建在这里插入图片描述
填写界面名,管理ID,输入Button项目数1,点击保存并进入下一步
在这里插入图片描述
将画面添加到菜单,并选择一个文件夹,点击保存
在这里插入图片描述
制作画面-画面版面设计
点击静态表行的编辑按钮
在这里插入图片描述
新建画面如下
在这里插入图片描述
右击【关闭】按钮,选择【删除】
在这里插入图片描述
右击【btn2】按钮选择【项目定义】
在这里插入图片描述
将项目名改为【检索】,点击保存
在这里插入图片描述
点击【追加项目】按钮,追加一个表
在这里插入图片描述
填写项目名,项目ID,显示种类选择【表】,点击保存
在这里插入图片描述
对表进行设定,【表中数件数】选择【多件】,点击保存
在这里插入图片描述
点击第二列ITEM1,选择【插入列】,为表格插入三列数据
在这里插入图片描述
显示结果如下
在这里插入图片描述
如下所示点击ITEM1,选择【控制设定】
在这里插入图片描述
修改项目名为【职员ID】,点击保存
在这里插入图片描述
以同样的做法修改第一行其他数据,更改结果如下如图所示
在这里插入图片描述
点击第三行ITEM1,选择【删除行】
在这里插入图片描述
双击第二行ITEM1,按下键盘【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(" WHERE 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.setReadOnly(false);
            keibItemBean.setBackground(background);
            keibItemBean.setFontColor(fontcolor);
            // 薪资
            maptimuzhou.put("lbl23", keibItemBean)
            list.add(maptimuzhou);
        }
        st1.setData(list);
        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,之后函数依此类推
制作画面-画面版面设计
点击【静态表】行的【编辑】按钮
在这里插入图片描述
右击【检索按钮】,选择【函数定义】
在这里插入图片描述
【函数类型】选择【详细界面使用的函数】,系统自动跳出上边新建的函数名称,点击保存
在这里插入图片描述

三:静态表画面显示

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值