`
stworthy
  • 浏览: 526103 次
  • 来自: ...
社区版块
存档分类
最新评论

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

 
阅读更多

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

1、入库单


 

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

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

 

2、修改商品数量界面:



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

3、选择商品界面:


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

 

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

 

  • 大小: 22 KB
  • 大小: 19.9 KB
  • 大小: 21.2 KB
分享到:
评论
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就好了。
能提供一些吗?谢谢

相关推荐

    2018最新EasyUI模板后台管理系统界面

    EasyUI是一款基于JavaScript和CSS的前端开发框架,主要用于构建用户界面,尤其适用于后台管理系统的设计。这个2018最新的EasyUI模板提供了高效、简洁且功能强大的后台管理界面,结合了H5(HTML5)技术,使得用户体验...

    用 jquery easyui 做的一组界面原型

    《使用jQuery EasyUI构建界面原型的实践与指南》 jQuery EasyUI是一款基于jQuery的轻量级前端框架,它提供了一套完整的UI组件,用于快速构建功能丰富的Web应用界面。在这个项目中,我们利用EasyUI 1.1.1版本创建了...

    一款基于jQuery Easyui 1.2.5 制作漂亮后台界面源码下载

    标题中的“一款基于jQuery Easyui 1.2.5 制作漂亮后台界面源码下载”揭示了这个项目的核心——它是一个使用jQuery EasyUI 1.2.5版本构建的美观后端用户界面的源代码。jQuery EasyUI 是一个基于 jQuery 的轻量级框架...

    基于java,easyui,websocket的聊天界面实现

    在本项目中,我们主要探讨如何使用Java、EasyUI、WebSocket和jQuery技术来构建一个实时交互的聊天界面。这是一个常见的Web应用开发场景,对于提升用户体验和实现即时通信至关重要。下面将详细阐述这些技术及其在聊天...

    easyui基于jQuery的用户界面插件集合

    easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...

    EasyUI管理系统界面

    《EasyUI管理系统界面详解》 EasyUI是一款基于jQuery的前端框架,专为构建现代Web应用程序而设计。在本文中,我们将深入探讨如何利用EasyUI、ASP.NET MVC3以及Visual Studio 2010来创建一个高效的后台管理系统界面...

    easyui tree 三帧界面

    在IT行业中,EasyUI是一个基于JavaScript和jQuery的前端框架,它提供了一系列的UI组件,用于构建用户界面。在“easyui tree 三帧界面”这个主题中,我们主要讨论的是如何利用EasyUI的Tree组件来创建一个具有三个独立...

    easyui信息考核系统后台界面源码

    《基于EasyUI的信息考核系统后台界面源码解析与应用》 EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如表格、下拉框、按钮、对话框等,极大地简化了网页界面的开发工作。在给定的“easyui信息考核系统...

    SSH框架_easyui_学生成绩管理系统

    4. **EasyUI**:EasyUI是一个基于jQuery的前端UI库,它提供了丰富的组件,如表格、树形控件、对话框等,使得开发者可以快速构建美观且响应式的用户界面。在本项目中,EasyUI用于构建成绩管理系统的前端展示,如表格...

    jQuery EasyUI仿Extjs界面

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如表格、下拉框、对话框、菜单等,使得开发者能够快速构建出美观且功能丰富的Web应用界面。ExtJS则是另一个知名的JavaScript框架,它...

    EasyUI登录页面.zip

    EasyUI是一种轻量级的前端开发框架,专为简化网页应用和后台管理系统界面设计而创建。这个名为"EasyUI登录页面.zip"的压缩包文件包含了使用EasyUI框架构建的一个登录页面的相关资源。EasyUI框架主要基于jQuery,它...

    EasyUI增查改删操作示例

    EasyUI 是一个基于 jQuery 的轻量级前端框架,主要用于构建美观、易用的 Web 用户界面。这个"EasyUI增查改删操作示例"提供了一套完整的实践教程,旨在帮助初学者快速掌握如何使用 EasyUI 实现数据管理中的基本功能:...

    简单漂亮的EasyUI制作的后台

    【标题】"简单漂亮的EasyUI制作的后台"指的是利用EasyUI框架开发的后台管理系统,它以其简洁美观的设计和高效易用的功能受到了用户的认可。EasyUI是基于jQuery的一个轻量级的前端开发框架,专为构建现代Web应用界面...

    EasyUI filebox空间上传文件操作说明

    ### EasyUI filebox空间上传文件操作说明 #### 一、概述 本文主要针对在使用EasyUI框架中的`filebox`控件时所遇到的问题及解决方案进行了详细的阐述。特别是在结合AjaxFileUpload包的情况下,如何实现文件的异步...

    easyui写的前台完整管理界面

    EasyUI 是一个基于 jQuery 的前端框架,主要用于快速构建用户界面,尤其适合企业级应用的后台管理系统。这个"easyui写的前台完整管理界面"项目,显然利用了EasyUI 的功能,创建了一个具有accordion菜单效果和tabs...

    easyUI例子_easyui1.4.4_一套EASYUI的经典后台管理模板_jquery_

    EasyUI 是一个基于 jQuery 的前端框架,主要用于快速构建用户界面,尤其适用于后台管理系统。这个"easyUI例子_easyui1.4.4"压缩包提供了一套使用 EasyUI 1.4.4 版本的经典后台管理模板,适用于开发人员快速搭建功能...

    五套easyUI模板

    "五套EasyUI模板"涵盖了多种应用场景,包括绿色后台管理系统、H5手机界面、数字管理系统以及信息考核系统和云平台四套模板,这些都是在实际开发中非常实用的资源。 1. **EasyUI绿色后台管理系统**:这套模板通常...

    easyui页面操作

    easyui页面操作.easyui页面操作easyui页面操作.easyui页面操作.easyui页面操作

    easyui搭建的界面1

    EasyUI 是一个基于 jQuery 的前端框架,用于快速开发简洁、美观、可复用的用户界面。这个框架提供了丰富的组件,包括布局、表格、对话框、菜单、表单、树形结构等,使得开发者能够轻松地构建功能强大的Web应用程序。...

    easyui后台模版界面是绿色的

    标题提到“easyui后台模版界面是绿色的”,这可能指的是该模板采用了一种以绿色为主色调的设计风格,旨在提供一个清新、舒适的视觉体验。EasyUI 的模板通常包括各种常见模块,如表单、树形菜单等,帮助开发者快速...

Global site tag (gtag.js) - Google Analytics