本篇主要介绍跟后台数据绑定相关度不大的简单控件，直接写了一个详细的例子，需要说明的东西都在注释里面。

先看示意图：




  
常用控件Demo


<!-- 为了按顺序演示，本地javascript代码都在body最后面 --><!-- 通过设置宽度和左右边距auto使form居中 -->
        <!-- 按钮演示,每个panel放置一种控件的演示 -->
        
            <!-- 最基本的按钮，设置一个图标，并设定按钮宽度，建议所有按钮采用风格一致的图标，并设置统一的大小，这样就建立一个一致的网页风格-->
            搜索
            <!-- 偶尔也会使用图标在上方(top)的加大按钮样式 -->
            Add
            <!-- 有时候在页面内容区域放置一个工具栏，采用扁平风格效果很好plain:true -->
            
                取消
                刷新
                搜索
            
        
        
            <!-- 第一个示例主要注意方法的绑定是通过searcher:doSearch这个 data-options来的 -->
            <!-- 带分类目录的searchbox，注意分类目录通过menu:'#category'绑定，#表示按id选择 -->
                全部
                新闻
                图片
                音乐
            
        
        
            <!-- 密码框的设计简单而好用-->
            

        
            获取文件信息
        
        
            <!-- numberbox只能输入数字，且可以设置最大最小值，非常方便 -->
            

        
            <!-- 选择日期后，对应日期显示在span中 -->
            您选择的日期是：

            <!-- 时间选择框 -->

ITPub博客

使用EasyUI开发银行业绩统计系统[6]-EasyUI简单控件

最新文章