采用EasyUI制作入库单操作界面

采用EasyUI可以方便制作入库单的操作界面,先看看图:

1、入库单


采用EasyUI制作入库单操作界面_第1张图片

 

往来单位采用combogrid下拉表格实现,设置mode为remote以支持可以直接在文本框中进行搜索选择供应商。

商品的操作可以通过右键菜单完成,可以添加商品、删除商品、对选中项进行上移和下移操作。

 

2、修改商品数量界面:


采用EasyUI制作入库单操作界面_第2张图片
 
 采用行编辑实现对数量和单价的修改,通过numberbox控件限制只能输入数字,在操作上可以通过回车完成编辑操作,也可以通过上下移动键盘导航键对数据进行连续编辑操作。

3、选择商品界面:


采用EasyUI制作入库单操作界面_第3张图片

选择商品时通过查询后多项的datagrid实现。

 

主要的实现方法是通过对datagrid进行扩展,实现detailgrid插件。其主要代码见附件。

 

你可能感兴趣的:(easyui)