嗅谱网

  • EasyUI-ComboBox(下拉列表框)

    EasyUI-ComboBox(下拉列表框)

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

    查看全文

  • EasyUI-Combo(自定义下拉框)

    EasyUI-Combo(自定义下拉框)

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

    查看全文

  • EasyUI-ValidateBox(验证框)

    EasyUI-ValidateBox(验证框)

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

    查看全文

  • EasyUI-Form(表单)

    EasyUI-Form(表单)

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

    查看全文

  • EasyUI-MenuButton(菜单按钮)

    EasyUI-MenuButton(菜单按钮)

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

    查看全文

  • EasyUI-LinkButton(按钮)

    EasyUI-LinkButton(按钮)

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

    查看全文

  • EasyUI-Menu(菜单)

    EasyUI-Menu(菜单)

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

    查看全文

  • EasyUI-Layout(布局)

    EasyUI-Layout(布局)

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

    查看全文

  • EasyUI-Accordion(分类)

    EasyUI-Accordion(分类)

    使用$.fn.accordion.defaults重写默认值对象。 分类空间允许用户使用多面板,但在同一时间只会显示一个。每个面板都内建支持展开和折叠功能。点击一个面板的标题将会展开或折叠面板主体。面板内容可以通过指定的‘href’属性使用ajax方式读取面板内容。用户可以定义一个被默认选中的面板,如果未指定,那么第一个面板就是默认的。     依赖关系 panel     使用案例 创建分类 通过标签创建分类,给<div/>标签添加一个名为‘easyui-accordion’ ...

    查看全文

  • EasyUI-Tabs(选项卡)

    EasyUI-Tabs(选项卡)

    使用$.fn.tabs.defaults重写默认值对象。 选项卡显示一批面板。但在同一个时间只会显示一个面板。每个选项卡面板都有头标题和一些小的按钮工具菜单,包括关闭按钮和其他自定义按钮。     依赖关系 panel linkbutton     使用案例 创建面板 1. 通过标签创建选项卡 通过标签可以更容易的创建选项卡,我们不需要写任何Javascript代码。只需要给<div/>标签添加一个类ID’easyui-tabs’。每个选项卡面板都通过子<div/>标签进 ...

    查看全文

  • EasyUI-Panel(面板)

    EasyUI-Panel(面板)

    使用$.fn.panel.defaults重写默认值对象。 面板作为承载其它内容的容器。这是构建其他组件的基础(比如:layout,tabs,accordion等)。它还提供了折叠、关闭、最大化、最小化和自定义行为。面板可以很容易地嵌入到web页面的任何位置。     使用案例 创建面板 1. 通过标签创建面板 通过标签创建更简单。添加‘easyui-panel’类ID到<div/>标签。 <div id=“p” class=“easyui-panel&# ...

    查看全文

  • EasyUI-ProgressBar(进度条)

    EasyUI-ProgressBar(进度条)

    使用$.fn.progressbar.defaults重写默认值对象。 进度条提供了一个反馈显示一个长时间运行的操作进展。可以更新的进展条,让用户知道当前正在执行操作。     使用案例 创建进度条 使用HTML标签或程序创建进度条组件。从标签创建更加简单,添加‘easyui-progressbar’类ID到<div/>标签。 <div id=”p” class=”easyui-progressbar” data-options=”valu ...

    查看全文