智乐兔

网络前端

  • EasyUI-TextBox(文本框)

    EasyUI-TextBox(文本框)

    扩展自$.fn.validatebox.defaults,使用$.fn.textbox.defaults重写默认值对象。 TextBox(文本框)是一个增强的输入字段组件, 它允许用户非常简单的创建一组表单。它是一个用于构建其他组合控件的基础组件,如:combo,databox、spinner等   依赖关系 validatebox linkbutton     用法 通过标签创建验证框。 <input class=“easyui-textbox” data ...

    查看全文

  • EasyUI-Ribbon(Ribbon 界面)

    EasyUI-Ribbon(Ribbon 界面)

     首先介绍一下ribbon概念: ribbon 英 [ˈrɪbən]   美 [ˈrɪbən] n.带; 绶带; (打印机的)色带; 带状物; v.把…撕成条带; 用缎带装饰; 形成带状; Ribbon即功能区,是新的 Microsoft Office Fluent 用户界面 (UI) 的一部分。在仪表板设计器中,功能区包含一些用于创建、编辑和导出仪表板及其元素的上下文工具。它是一个收藏了命令按钮和图示的面板。它把命令组织成一组”标签”,每一组包含了相关的命令。每一个应用程序都有一个不同的标签组,展示了程序所提供的功能。在每个标签里,各种的相关的选项被组在一起。Wind ...

    查看全文

  • EasyUI-RTL suport for jQuery EasyUI(jQuery EasyUI RTL 支持)

    EasyUI-RTL suport for jQuery EasyUI(jQuery EasyUI RTL 支持)

    easy ui目前在国内还处于推广阶段,资料缺乏。 easy ui 对rtl具有原生的支持,可以向其他动态编程语言一样实时响应前台操作并动态创建对象。 导入 RTL 文件 启用RTL功能,需要导入 ‘easyui-rtl.css’ 和 ‘easyui-rtl.js’ 文件。   <link rel=”stylesheet” type=”text/css” href=”../../themes/default/easyui.css”> <link r ...

    查看全文

  • EasyUI-Drag and Drop Rows in TreeGrid(可拖放的树形表格)

    EasyUI-Drag and Drop Rows in TreeGrid(可拖放的树形表格)

    可拖放的树形表格可以方便地实现具有树形结构的节点的拖放互动操作。 如下图所示:  需要导入‘treegrid-dnd.js’文件 <script type=”text/javascript” src=”treegrid-dnd.js”></script>   启用拖放 <table title=”Folder Browser” class=”easyui-treegrid” style=”width:x;height:x̶ ...

    查看全文

  • EasyUI_Drag and Drop Rows in DataGrid(可拖放行的数据表格)

    EasyUI_Drag and Drop Rows in DataGrid(可拖放行的数据表格)

     这个功能可以实现表格的行在列表中拖动重新排列,用户体验好那么一点点,觉得很鸡肋。 还是导入‘datagrid-dnd.js’文件 <script type=”text/javascript” src=”datagrid-dnd.js”></script>   启用拖放 <table class="easyui-datagrid" title="DataGrid" style="width:x;height:x" data-options="singleSelect:true,data:d ...

    查看全文

  • EasyUI-DataGrid Filter Row(可过滤行的数据表格)

    EasyUI-DataGrid Filter Row(可过滤行的数据表格)

    这是一个比较有意思的功能,可以方便地实现一定程度的检索排序和过滤功能。对于精细化报表用户体验很有帮助。 导入‘datagrid-filter.js’文件 <script type=”text/javascript” src=”datagrid-filter.js”></script>   启用过滤 var dg = $(‘#dg’); dg.datagrid();                // 创建datagrid dg.datagrid(‘enab ...

    查看全文

  • EasyUI-Tooltip(提示框)

    EasyUI-Tooltip(提示框)

    使用$.fn.tooltip.defaults重写默认值对象。(译者注:1.3.3版中新增的plugin) 当用户将鼠标移动到元素上的时候,将会显示一个消息提示框。提示框的内容可以是页面中任何一个HTML元素或者通过Ajax发送后台请求以获取提示框内容。 使用案例 创建提示框 1. 通过标签创建提示框,给元素添加一个“easyui-tooltip”的类名,无需任何Javascript代码。 a href=”#” title=”This is the tooltip message.” class=” ...

    查看全文

  • jQuery EasyUI 1.4版本更新内容:

    jQuery EasyUI 1.4版本更新内容:

    Bug(修复) menu:修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题; datagrid:修复在datagrid宽度太小的时候”fitColumns”方法无法正常工作的问题。 Improvement(改进) EasyUI的所有组件已经支持非固定/百分比大小的尺寸设置; menu:添加”showItem”、”hideItem”和”resize”方法; menu:基于窗体大小自动调整高度; menu:添加”duration”属性,该属性允许用户自 ...

    查看全文

  • jQuery EasyUI 官方API文档中文版

    jQuery EasyUI 官方API文档中文版

    EasyUI每个组件的属性,方法和事件。用户可以很容易地扩展他们。  属性 所有的属性都定义在jQuery.fn.{plugin}.defaults里面。例如,对话框属性定义在jQuery.fn.dialog.defaults里面。 事件 所有的事件(回调函数)也都定义在jQuery.fn.{plugin}.defaults里面。 方法 调用方法的语法:$(‘selector’).plugin(‘method’, parameter); 解释: selector 是jQery对象选择器。 plugin 是插件的名称。 meth ...

    查看全文

  • EasyUI-Parser(解析器)

    EasyUI-Parser(解析器)

    在javascript中parse() 方法可解析一个日期时间字符串,并返回 1970/1/1 午夜距离该日期时间的毫秒。 用法如下: Date.parse(datestring) 该方法是 Date 对象的静态方法。一般采用 Date.parse() 的形式来调用,而不是通过 dateobject.parse() 调用该方法。 注释:Date.parse() 是 Date 对象的静态方法。 示例: <script type=”text/javascript”> var d = Date.parse(“Jul 8, 2005”) do ...

    查看全文

  • EasyUI-Editable Tree(可编辑树)

    EasyUI-Editable Tree(可编辑树)

     顾名思义,可以直接在树上增减节点和编辑属性的树形控件。 创建树 <ul id=”tt”></ul> $(‘#tt’).etree({ url: ‘tree_data.json’, createUrl: …, updateUrl: …, destroyUrl: …, dndUrl: … });    设置url,createUrl,updateUrl,destroyUrl和dndUrl属性将自动从客户端同步数据到服务器端。 url:返回树控件 ...

    查看全文

  • EasyUI-Editable DataGrid(可编辑数据表格)

    EasyUI-Editable DataGrid(可编辑数据表格)

     可以直接在表格上直接编辑操作,并批量保存到后台的功能。 使用案例 在HTML标签里面创建数据表格 <table id=”tt” style=”width:x;height:x” title=”Editable DataGrid” singleSelect=”true”> <thead> <tr> <th field=”itemid” width=” editor=”{type:’valid ...

    查看全文

在线客服
在线客服 X

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

智乐兔官微