返回上一页

绑定通用对话框设置

(一)绑定通用对话框--单选设置

第一步:新建窗体用于选择产品作为通用对话框,窗体界面设置页,设置布局、拖拽按钮和数据表格控件并且设置按钮名称

操作如下:将布局拽到设计器中,将工具条拖入布局中,再将按钮拖入工具条中,将数据表格拖拽到布局中,点击按钮在属性页面设置按钮中文名称,如下图:

u_img

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

操作如下:

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

u_img

2)点击列,在属性页面,设置列中文名称和name值,列1【name】设置为“SPNAME”,中文名称设置为“名称”,列2【name】设置为“SPGG”,中文名称设置为“规格”,列3【name】设置为“SPNUM”,中文名称设置为“数量”,如下图:

u_img

第三步:设置按钮onClick事件

操作如下:点击【确定】按钮,点击【事件】,点击onClick事件后的+号,进入脚本编辑器页面,在functionbutton_onClick()方法后输入脚本语言,如下:

function button_onClick() {
    var grid = vjsp.Parser.getWidgetByName("datagrid");
    var sel = grid.doMethod("getSelected");
    if (sel) {
        appendRow(sel);
    }
}

查看页面,效果如下图:

u_img

第四步:新建窗体用于绑定通用对话框页,窗体界面设计页面,设置布局、拖拽标签和数据表格控件并且设置标签名称

操作如下:将布局拽到设计器中,再将标签、数据表格拖拽到布局中,点击标签在属性页面设置中文名称,如下图:

u_img

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

操作如下:

1)点击数据表格,在属性页面,点击【工具箱】→【查询窗口】,在弹出的【绑定url】框中点击+号,弹出页面选择窗体为通用对话框窗体,或在【绑定url】框中直接输入窗体【引用路径】,如下图:

u_img

2)点击列,在属性页面,设置列中文名称和name值,列1【name】设置为“SPNAME”,中文名称设置为“名称”,列2【name】设置为“SPGG”,中文名称设置为“规格”,列3【name】设置为“SPNUM”,中文名称设置为“数量”,即与通用对话框窗体中的数据表格的列的中文名称和name值相同,如下图:

u_img

查看页面,点击数据表格查看按钮,弹出页面选中数据(只能选中一行),点击【确定】,数据表格新增一行数据,效果如下图:

u_img

(二)绑定通用对话框--多选设置

第一步:新建窗体用于选择产品作为通用对话框,窗体界面设置页,设置布局、拖拽按钮和数据表格控件并且设置按钮名称

操作如下:将布局拽到设计器中,将工具条拖入布局中,再将按钮拖入工具条中,将数据表格拖拽到布局中,点击按钮在属性页面设置按钮中文名称,如下图:

u_img

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

操作如下:

1)点击数据表格,在属性页面启用部分功能,点击【多选】、【勾选行】、【分页】,点击【工具箱】→【全屏】和【增加行】,如下图:

u_img

2)点击列,在属性页面,设置列中文名称和name值,列1【name】设置为“SPNAME”,中文名称设置为“名称”,列2【name】设置为“SPGG”,中文名称设置为“规格”,列3【name】设置为“SPNUM”,中文名称设置为“数量”,如下图:

u_img

第三步:设置按钮onClick事件

操作如下:点击【确定】按钮,点击【事件】,点击onClick事件后的+号,进入脚本编辑器页面,在functionbutton_onClick()方法后输入脚本语言,如下:

function button_onClick() {
    var grid = vjsp.Parser.getWidgetByName("datagrid");
    var checked = grid.doMethod("getChecked");
    if (checked && checked.length > 0) {
        appendRow(checked);
    }
}

查看页面,效果如下图:

u_img

第四步:新建窗体用于绑定通用对话框页,窗体界面设计页面,设置布局、拖拽标签和数据表格控件并且设置标签名称

操作如下:将布局拽到设计器中,再将标签、数据表格拖拽到布局中,点击标签在属性页面设置中文名称,如下图:

u_img

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

操作如下:

1)点击数据表格,在属性页面,点击【工具箱】→【查询窗口】,在弹出的【绑定url】框中点击+号,弹出页面选择窗体为通用对话框窗体,或在【绑定url】框中直接输入窗体【引用路径】,如下图:

u_img

2)点击列,在属性页面,设置列中文名称和name值,列1【name】设置为“SPNAME”,中文名称设置为“名称”,列2【name】设置为“SPGG”,中文名称设置为“规格”,列3【name】设置为“SPNUM”,中文名称设置为“数量”,即与即与通用对话框窗体中的数据表格的列的中文名称和name值相同,如下图:

u_img

查看页面,点击数据表格查看按钮,弹出页面选中数据(能选中多行),点击【确定】,数据表格新增多行数据,效果如下图:

u_imgu_img