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

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

1、入库单

 

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

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

 

2、修改商品数量界面：

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

3、选择商品界面：

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

 

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

 

评论

10 楼 dhfksho 2012-03-16  

hardy25 写道

界面确实挺好的，楼主能提供下页面demo吗？

9 楼 hardy25 2011-11-09  

界面确实挺好的，楼主能提供下页面demo吗？

8 楼 tomcat4 2011-05-01  

IE6下面的效率是个严重的问题，不知道什么时候能够解决！

7 楼 fengsky491 2011-04-19  

EasyUI在IE下性能是个很严重的问题

6 楼 xqhppt 2011-04-19  

easyui比起extjs是轻了许多，不过界面确实蛮好看的，我也只在小项目中用过

5 楼 mfkvfn 2011-04-18  

extjs做的。
http://demo.operamasks.org/bpdemos/
这里多得很。

4 楼 kaola8246 2011-04-18  

似乎 easyUI并不是一个号的界面解决方案。首先没有必要的说明文档，另外关于开源似乎它的源代码又加入的馄饨器

3 楼 云天水瓶 2011-04-17  

lz强人呀，全部用js代码生成。

2 楼 hb315 2011-04-16  

好漂亮呀，我们更需要一个demo呀！

1 楼 zb7503 2011-04-14  

挺漂亮的，可惜附件中只是js包，如果有如上的demo就好了。
能提供一些吗？谢谢