智乐兔

网络前端

  • 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 ...

    查看全文

  • SearchBox(搜索框)

    SearchBox(搜索框)

    使用$.fn.searchbox.defaults重写默认值对象。 搜索框提示用户需要输入搜索的值。它可以结合一个菜单,允许用户选择不同的搜索类别。在用户按下回车键或点击组件右边的搜索按钮的时候会执行搜索操作。     依赖关系 textbox menubutton     使用案例 创建查询框 1. 使用标签创建。添加‘easyui-searchbox’类ID到<input/>标签。 <script type=”text/javascript”&g ...

    查看全文

  • EasyUI-Pagination(分页)

    EasyUI-Pagination(分页)

    使用$.fn.pagination.defaults重写默认值对象 该分页控件允许用户导航页面的数据。它支持页面导航和页面长度选择的选项设置。用户可以在分页控件上添加自定义按钮,以增强其功能。     依赖关系 linkbutton     使用案例 使用标签创建分页控件。 <div id=”pp” class=”easyui-pagination” data-options=”total:2000,pageSize:10″ style=” ...

    查看全文

  • EasyUI-Resizable(调整大小)

    EasyUI-Resizable(调整大小)

    使用$.fn.resizable.defaults重写默认值对象。 使用案例 使用标签创建可变大小的窗口。 <div id=”rr” class=”easyui-resizable” data-options=”maxWidth:800,maxHeight:600″ style=”width:100px;height:100px;border:1px solid #ccc;”></div> 使用Javascript创建可 ...

    查看全文

  • EasyUI-Droppable(放置)

    EasyUI-Droppable(放置)

    使用$.fn.droppable.defaults重写默认值对象。 使用案例 通过标签创建一个放置区。 <div id=”dd” class=”easyui-droppable” data-options=”accept:’#d1,#d3′” style=”width:100px;height:100px;”></div> 使用Javascript创建一个放置区。 <div id=&# ...

    查看全文

  • EasyUI-Draggable(拖动)

    EasyUI-Draggable(拖动)

    使用$.fn.draggable.defaults重写默认值对象。 使用案例 通过标签创建一个可拖动的元素。 <div id=”dd” class=”easyui-draggable” data-options=”handle:’#title'” style=”width:100px;height:100px;”> <div id=”title” style=”backgrou ...

    查看全文

在线客服
在线客服 X

售前: 点击这里给我发消息
售后: 点击这里给我发消息

智乐兔官微