文章分类列表 - 技术分享

技术分享

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（可拖放行的数据表格）

这个功能可以实现表格的行在列表中拖动重新排列，用户体验好那么一点点，觉得很鸡肋。还是导入‘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（可过滤行的数据表格）

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

Bug（修复） menu：修复在删除一个菜单项的时候该菜单无法正确自适应高度的问题； datagrid：修复在datagrid宽度太小的时候”fitColumns”方法无法正常工作的问题。 Improvement（改进） EasyUI的所有组件已经支持非固定/百分比大小的尺寸设置； menu：添加”showItem”、”hideItem”和”resize”方法； menu：基于窗体大小自动调整高度； menu：添加”duration”属性，该属性允许用户自 ...
查看全文
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（解析器）

在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（可编辑树）

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

这里的门户就是可以把各种资源集中到一个视窗下集中管理或应用的套件。第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（消息窗口）

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

|<<84 85 86 87 88 89 90 ...>>|