技术分享

• 

  EasyUI-DateBox（日期输入框）

  扩展自$.fn.combo.defaults。使用$.fn.datebox.defaults重写默认值对象。 日期输入框结合了一个可编辑的文本框控件和允许用户选择日期的下拉日历面板控件。选择的日期会自动转变为一个有效的日期然后填充到文本框中。选定的日期也可以被格式化为预定格式。 依赖关系 combo calendar     使用案例 使用标签创建日期输入框。 <input id=“dd” type=“text” class=“easyui-datebo ...

  查看全文

• 

  EasyUI-NumberBox（数值输入框）

  扩展自$.fn.validatebox.defaults。使用$.fn.numberbox.defaults重写默认值对象。 数值输入框是用来限制用户只能输入数值型数据的。他可以转换一个输入的元素到其他类型，比如：数字、百分比、货币等。更多的输入类型定义依赖于‘formatter’和‘parser’函数。     依赖关系 validatebox     用法 使用标签创建数值输入框。 <input type=“text” class=“ ...

  查看全文

• 

  EasyUI-ComboGrid（数据表格下拉框）

  扩展自$.fn.combo.defaults和$.fn.datagrid.defaults。使用$.fn.combogrid.defaults重写默认值对象。 数据表格下拉框结合了可编辑文本框控件和下拉数据表格面板控件，该控件允许用户快速查找和选择，并且该控件提供了键盘导航支持，对行进行筛选。     依赖关系 combo datagrid     使用案例 创建数据表格下拉框 1. 使用标签创建一个数据表格下拉框。 <select id=“cc” class=“easyu ...

  查看全文

• 

  EasyUI-ComboTree（树形下拉框）

  扩展自$.fn.combo.defaults和$.fn.tree.defaults。使用$.fn.combotree.defaults重写默认值对象。 树形下拉框结合选择控件和下拉树控件。它与combobox(下拉列表框)类似，但是将下拉列表框的列表替换成了树形控件。该控件支持树状态复选框，方便多选操作。       依赖关系 combo tree     用法 使用标签创建树形下拉框。 <select id=“cc” class=“easyui-combotree” s ...

  查看全文

• 

  EasyUI-ComboBox（下拉列表框）

  扩展自$.fn.combo.defaults。使用$.fn.combobox.defaults重写默认值对象。 下拉列表框显示一个可编辑文本框和下拉式列表，用户可以选择一个值或多个值。用户可以直接输入文本到列表顶部或选择一个或多个当前列表中的值。     依赖关系 combo     使用案例 通过<select>元素创建一个预定义结构的下拉列表框。 <select id=“cc” class=“easyui-combobox” name=“dept ...

  查看全文

• 

  EasyUI-Combo（自定义下拉框）

  扩展自$.fn.validatebox.defaults。使用$.fn.combo.defaults重写默认值对象。 自定义下拉框显示一个可编辑的文本框和下拉面板在html页面。这是构建其他复杂的组合部件（如：combobox,combotree,combogrid等）之前需要构建的最基本的组件。     依赖关系 textbox panel     用法 自定义下拉框使用Javascript创建一个<select>或<input>元素。注意：使用自定义下拉框不能通过标签的方式进行创建。 < ...

  查看全文

• 

  EasyUI-ValidateBox（验证框）

  使用$.fn.validatebox.defaults重写默认值对象。 validatebox(验证框)的设计目的是为了验证输入的表单字段是否有效。如果用户输入了无效的值，它将会更改输入框的背景颜色，并且显示警告图标和提示信息。该验证框可以结合form(表单)插件并防止表单重复提交。 依赖关系 tooltip     用法 通过标签创建验证框。 <input id=“vv” class=“easyui-validatebox” data-options=“req ...

  查看全文

• 

  EasyUI-Form（表单）

  使用$.fn.form.defaults重写默认值对象 form提供了各种方法来操作执行表单字段，比如：ajax提交, load, clear等等。当提交表单的时候可以调用validate方法检查表单是否有效。     用法 创建一个简单的HTML表单。构建一个包含id、action和method值的表单元素。 <form id=“ff” method=“post”>       <div>           <label for= ...

  查看全文

• 

  EasyUI-MenuButton（菜单按钮）

  扩展自$.fn.linkbutton.defaults。使用$.fn.menubutton.defaults重写默认值对象。 菜单按钮是下拉菜单的一部分。它伴随着linkbutton和menu组件。在用户点击linkbutton之前菜单是隐藏的，当用户用鼠标点击或移动到linkbutton上面的时候菜单才会显示。     依赖关系 menu linkbutton     用法 通常菜单按钮通过标签创建。 <a href=“javascript:void(0)” id=“mb&# ...

  查看全文

• 

  EasyUI-LinkButton（按钮）

  使用$.fn.linkbutton.defaults重写默认值对象。 按钮组件使用超链接按钮创建。它使用一个普通的<a>标签进行展示。它可以同时显示一个图标和文本,或只有图标或文字。按钮的宽度可以动态和折叠/展开以适应它的文本标签。     使用案例 创建按钮 使用标签创建按钮更加简单。 <a id=“btn” href=“#” class=“easyui-linkbutton” data-options=“iconCls:’i ...

  查看全文

• 

  EasyUI-Menu（菜单）

  使用$.fn.menu.defaults重写默认值对象。 菜单组件通常用于快捷菜单。他是构建其他菜单组件的必备基础组件。比如：menubutton和splitbutton。它还可以用于导航和执行命令。     使用案例 创建菜单 通过标签创建菜单，给<div/>标签添加一个名为’easyui-menu’的类ID。每个菜单项都通过<div/>标签创建。我们可以添加’iconCls’属性来给菜单项定义一个图标显示到菜单项的左侧。添加’menu-sep’类ID菜单项将会生成一个菜单分割 ...

  查看全文

• 

  EasyUI-Layout（布局）

  使用$.fn.layout.defaults重写默认值对象。 布局容器有5个区域：北、南、东、西和中间。中间区域面板是必须的，边缘的面板都是可选的。每个边缘区域面板都可以通过拖拽其边框改变大小，也可以点击折叠按钮将面板折叠起来。布局可以进行嵌套，用户可以通过组合布局构建复杂的布局结构。     依赖关系 panel ...

  查看全文