智乐兔

网络前端

  • EasyUI-DataGrid View(数据表格展示)

    EasyUI-DataGrid View(数据表格展示)

     数据表格展示具有丰富的表现场景,为用户提供良好的前端体验。 DataGrid DetailView(数据表格详细展示) 第1步:创建一个HTML页面  <head> <script type=”text/javascript” src=”datagrid-detailview.js”></script> </head> <body> <table id=”tt”></table> </body> 第2步:创建数据表格 ...

    查看全文

  • EasyUI-Portal(门户)

    EasyUI-Portal(门户)

    这里的门户就是可以把各种资源集中到一个视窗下集中管理或应用的套件。  第1步:创建一个HTML页面  <div id=”pp” style=”width:x;height:x;”> <div style=”width:”></div> <div style=”width:”></div> <div style=”width:”></div> </div>   第2步:创建一个门 ...

    查看全文

  • EasyUI-Messager(消息窗口)

    EasyUI-Messager(消息窗口)

    使用$.messager.defaults重写默认值对象。 消息窗口提供了不同的消息框风格,包含alert(警告框), confirm(确认框), prompt(提示框), progress(进度框)等。所有的消息框都是异步的。用户可以在交互消息之后使用回调函数去处理结果或做一些自己需要处理的事情。 依赖关系 window linkbutton progressbar 用法 $.messager.alert(‘警告’,’警告消息’); $.messager.confirm(‘确认’,’您确认想要删除 ...

    查看全文

  • EasyUI-Dialog(对话框窗口)

    EasyUI-Dialog(对话框窗口)

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

    查看全文

  • EasyUI-Window(窗口)

    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(树形表格)

    EasyUI-TreeGrid(树形表格)

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

    查看全文

  • EasyUI-Tree(树)

    EasyUI-Tree(树)

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

    查看全文

  • EasyUI-PropertyGrid(属性表格)

    EasyUI-PropertyGrid(属性表格)

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

    查看全文

  • EasyUI-DataGrid(数据表格)

    EasyUI-DataGrid(数据表格)

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

    查看全文

  • EasyUI-Slider(滑动条)

    EasyUI-Slider(滑动条)

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

    查看全文

  • EasyUI-TimeSpinner(时间微调)

    EasyUI-TimeSpinner(时间微调)

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

    查看全文

  • EasyUI-NumberSpinner(数字微调)

    EasyUI-NumberSpinner(数字微调)

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

    查看全文

在线客服
在线客服 X

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

智乐兔官微