技术分享

• 

  EasyUI-Dialog（对话框窗口）

  扩展自$.fn.window.defaults。使用$.fn.dialog.defaults重写默认值对象。 该对话框是一种特殊类型的窗口，它在顶部有一个工具栏，在底部有一个按钮栏。对话框窗口右上角只有一个关闭按钮用户可以配置对话框的行为显示其他工具,如collapsible,minimizable,maximizable工具等。   依赖关系 window linkbutton   用法 通过已存在的DOM节点元素标签创建。下面的例子显示了一个可变大小的模式窗口。 <div id=”dd” class=”easy ...

  查看全文

• 

  EasyUI-Window（窗口）

  扩展自$.fn.panel.defaults。使用$.fn.window.defaults重写默认值对象。 窗口控件是一个浮动和可拖拽的面板可以用作应用程序窗口。默认情况下,窗口可以移动,调整大小和关闭。它的内容也可以被定义为静态html或要么通过ajax动态加载。   依赖关系 draggable resizable panel   使用案例 创建窗口 1. 通过标签窗口窗口。 <div id=”win” class=”easyui-window” title=”My Window& ...

  查看全文

• 

  EasyUI-TreeGrid（树形表格）

  扩展自$.fn.datagrid.defaults。使用$.fn.treegrid.defaults重写默认值对象。 树形表格用于显示分层数据表格。它是基于数据表格、组合树控件和可编辑表格。树形表格允许用户创建可定制的、异步展开行和显示在多列上的分层数据。   依赖关系 datagrid 使用案例 使用HTML标签创建树形表格。在大多数情况下，树形表格遵循数据表格的结构。 <table id=”tt” class=”easyui-treegrid” style=”width:x;height:xR ...

  查看全文

• 

  EasyUI-Tree（树）

  使用$.fn.tree.defaults重写默认值对象。 树控件在web页面中一个将分层数据以树形结构进行显示。它提供用户展开、折叠、拖拽、编辑和异步加载等功能。   依赖关系 draggable droppable   使用案例 树控件使用<ul>元素定义。标签能够定义分支和子节点。节点都定义在<ul>列表内的<li>元素中。以下显示的元素将被用作树节点嵌套在<ul>元素中。 <ul id=”tt” class=”easyui-tree”> &l ...

  查看全文

• 

  EasyUI-PropertyGrid（属性表格）

  继承自$.fn.datagrid.defaults。使用$.fn.propertygrid.defaults重写默认值对象。 属性表格提供The propertygrid provide给用户浏览和编辑对象属性的一个接口。属性表格是一个行内可编辑数据表格。它使用起来相当简单。用户可以非常简单的创建一个分层的可编辑属性列表和表示任何数据类型的项。属性表格内建排序和分组功能。 依赖关系 .datagrid  用法 使用标签创建一个属性表格。注意：列已经内置不需要再去声明它。 <table id=“pg” class=“easyui-propert ...

  查看全文

• 

  EasyUI-DataGrid（数据表格）

  扩展自$.fn.panel.defaults。使用$.fn.datagrid.defaults重写默认值对象。 DataGrid以表格形式展示数据，并提供了丰富的选择、排序、分组和编辑数据的功能支持。DataGrid的设计用于缩短开发时间，并且使开发人员不需要具备特定的知识。它是轻量级的且功能丰富。单元格合并、多列标题、冻结列和页脚只是其中的一小部分功能。     依赖关系 panel resizable linkbutton pagination     使用案例 从现有的表格元素创建DataGrid，在HTML ...

  查看全文

• 

  EasyUI-Slider（滑动条）

  使用$.fn.slider.defaults重写默认值对象。 滑动条允许用户从一个有限的范围内选择一个数值。当滑块控件沿着轨道移动的时候，将会显示一个提示来表示当前值。用户可以通过设置其属性自定义滑块。     依赖关系 draggable     使用案例 当使用一个表单字段时，使用<input>标签创建一个滑动条。 <input class=“easyui-slider” value=“12”  style=“width:300px” ...

  查看全文

• 

  EasyUI-TimeSpinner（时间微调）

  扩展自$.fn.spinner.defaults。使用$.fn.timespinner.defaults重写默认值对象。 时间微调组件的创建基于微调组件。它和数字微调类似，但是显示的时间值。时间微调组件允许用户点击组件右侧的小按钮来增加或减少时间。     依赖关系 spinner     使用案例 使用标签创建时间微调组件。 <input id=“ss” class=“easyui-timespinner”  style=“width:80px;” ...

  查看全文

• 

  EasyUI-NumberSpinner（数字微调）

  扩展自$.fn.spinner.defaults和$.fn.numberbox.defaults。使用$.fn.numberspinner.defaults重写默认值对象。 数字微调控件的创建是基于微调控件和数值输入框控件的。他可以转换输入的值，比如：数值、百分比、货币等。它也允许使用上/下微调按钮调整到用户的期望值。     依赖关系 spinner numberbox     使用案例 使用标签创建数字微调组件。 <input id=“ss” class=“easyui-n ...

  查看全文

• 

  EasyUI-Spinner（微调）

  扩展自$.fn.validatebox.defaults。使用$.fn.spinner.defaults重写默认值对象。 微调控件结合了一个可编辑文本框和2个小按钮让用户选择一个值的范围。和下拉列表框类似，微调控件允许用户输入值，但是没有下拉列表。微调控件是创建其他高级微调控件的基础控件，比如：numberspinner, timespinner等。     依赖关系 textbox     使用案例 只能使用Javascript创建微调控件。标签创建是无效的。 <input id=“ss” value= ...

  查看全文

• 

  EasyUI-Calendar（日历）

  使用$.fn.calendar.defaults重写默认值对象。 日历控件显示一个月的日历，允许用户选择日期和移动到下一个或上一个月。默认情况下，一周的第一天是周日。它可以通过设置‘firstDay’属性的值来更改设置。 使用案例 使用标签创建日历。 <div id=“cc” class=“easyui-calendar” style=“width:180px;height:180px;”></div>   ...

  查看全文

• 

  EasyUI-DateTimeBox（日期时间输入框）

  扩展自$.fn.datebox.defaults，使用$.fn.datetimebox.defaults重写默认值对象。 和日期输入框类似，日期时间输入框允许用户选择日期和指定的时间并按照指定的输出格式显示。相比日期输入框，它在下拉面板中添加了一个时间微调器。 依赖关系 datebox timespinner 使用案例 使用标签创建日期时间输入框。 <input class=“easyui-datetimebox” name=“birthday”             data-options=“ ...

  查看全文