返回上一页

如何获取列数据

第一步:窗体界面设置页面,设置布局、拖拽按钮和数据表格控件

操作如下:将工具条和布局拽到设计器中,再将按钮拖拽到工具条中,数据表格拖拽到布局中,如下图:

u_img

第二步:设置按钮控件名称

操作如下:点击按钮1,在属性页面的文本属性,修改中文名称为“获取列数据”,如下图:

u_img

第三步:设置数据表格和列的属性

操作如下:

1)点击数据表格,在属性页面,点击【工具箱】→【增加行】,启用数据表格增加行功能,如下图:

u_img

2)点击数据表格中的列,在属性页面,点击【列编辑器】→【编辑器】,下拉框选择“textbox”,数据表格中的所有列均设置成textbox,如下图:

u_img

第四步:设置按钮onClick事件

操作如下:

1)点击【获取选中列数据】按钮,点击【事件】,点击onClick事件后的+号,进入脚本编辑器页面,如下图:

u_img

2)在脚本编辑器页面,在functionbutton_onClick()方法后输入脚本语言,如下:

function button_onClick() {
    //获取表格对象
    var grid = vjsp.Parser.getWidgetByName("datagrid");
    //获取所有行数据
    var rows = grid.get("value");
    var buf = [];
    //循环数据,拼接HTML
    for (var i = 0; i < rows.length; i++) {
        buf.push((i + 1) + ":" + (rows[i].column1 || "") + "
"); //column1对应第一列name
    }
    //弹出
    vjsp.alert(buf.join(""));
}

预览页,数据表格增加数据后,选中行点击【获取列数据】按钮,效果如下图:

u_img