JQuery EasyUI更新说明

JQuery EasyUI 1.3.6版本更新内容:

Bug(修复)

  • treegrid:修复“getChecked”方法不能正确的返回被选择的行的问题;
  • tree:修复在“onlyLeafCheck”属性为true时,复选框无法在异步树种正确显示的问题。

Improvement(改进)

  • treegrid:所有的选择和选中的方法都扩展自datagrid组件;
  • linkbutton:添加图标对齐功能的完整支持,可用值有:“top”、“bottom”、“left”、“right”;
  • linkbutton:添加“size”属性,可用值有:“small”、“large”;
  • linkbutton:添加“onClick”事件;
  • menubutton:添加“menuAlign”属性,该属性允许用户设置顶级菜单对齐;
  • combo:添加“panelAlign”属性,可用值有:“left”、“right”;
  • calendar:添加“formatter”、“styler”和“validator”属性,这些属性允许用于自定义日历日期;
  • calendar:添加“onChange”事件;
  • panel:添加“method”、“queryParams”和“loader”选项;
  • panel:添加“onLoadError”事件;
  • datagrid:添加“onBeginEdit”事件,该事件在一个行进入编辑模式时触发;
  • datagrid:添加“onEndEdit”事件,该事件在完成编辑但是编辑器尚未销毁之前触发;
  • datagrid:添加“sort”方法和“onBeforeSortColumn”事件;
  • datagrid:将“combogrid”编辑器集成到datagrid中;
  • datagrid:添加“ctrlSelect”属性,在启用多行选择的时候允许使用Ctrl键+鼠标点击的方式进行多选操作;
  • slider:添加“converter”属性,该属性允许用户决定如何将一个值转换为进度条位置或进度条位置值;
  • searchbox:添加“disabled”属性;
  • searchbox:添加“disable”、“enable”、“clear”、“reset”方法;
  • spinner:添加“readonly”属性、“readonly”方法和“onChange”事件。

jQuery EasyUI 1.3.5版本更新内容:

Bug(修复)

  • searchbox:修复“searcher”函数提供的“name”参数值错误的问题;
  • combo:修复“isValid”方法无法返回布尔值的问题;
  • combo:修复点击页面某一个combo组件的下拉列表时触发的“onHidePanel”事件会导致页面上其他combo组件的下拉列表被关闭的问题;
  • combogrid:修复某些从combo组件继承来的方法无法使用的问题。

Improvement(改进)

  • datagrid:改进检查行时候的性能;
  • menu:允许追加菜单分隔符;
  • menu:新增“hideOnUnHover”属性用于在鼠标离开菜单的时候指示是否需要隐藏菜单;
  • slider:新增“clear”和“reset”方法;
  • tabs:新增“unselect”方法、“onUnselect”事件;
  • tabs:新增“selected”属性,用于指定的默认打开的面板;
  • tabs:Tab Panel(Tab页)新增“collapsible”属性,用于设置是否允许摺叠面板;
  • tabs:新增“showHeader”属性、“showHeader”方法和“hideHeader”方法;
  • combobox:允许“disabled”属性禁用下拉列表选项;
  • tree:改进数据加载时候的性能;
  • pagination:新增“layout”属性,用于自定义控件的样式布局;
  • accordion:新增“unselect”方法、“onUnselect”事件;
  • accordion:新增“select”和“multiple”属性;
  • accordion:新增“getSelections”方法;
  • datebox:新增“sharedCalendar”属性,允许多个datebox控件共享使用同一个calendar控件;
  • datebox:新增“buttons”属性,用于自定义日历下方的按钮。
    (译者注:该点更新内容官方更新公告上没有注明,具体内容和用法请看datebox的API。)

jQuery EasyUI 1.3.4版本更新内容:

Bug(修复)

  • combobox:修复在解析空的本地数据时也会触发onLoadSuccess事件的问题;
  • form:修复调用“reset”方法的时候无法重置datebox编辑器控件里面值的问题。

Improvement(改进)

  • 移动设备:移动设备支持右键菜单和双击功能;
  • combobox:新增的“groupField”和“groupFormatter”属性可以在组中显示指定的项目;
  • tree:在追加或者新增节点的时候,“data”参数允许接收一个或多个节点的数据;
  • tree:“getChecked”方法允许接收一个或多个状态值参数(‘checked‘,‘unchecked‘,‘indeterminate‘);
  • tree:新增“scrollTo”方法;
  • datagrid:新增“multiSort”属性,支持多列排序;
  • datagrid:datagrid的“rowStyler”属性和列的“styler”属性可以返回CSS类名或行内样式(译者注:以前不可以返回CSS类名);
  • treegrid:新增“load”方法用于加载数据并返回至首页;
  • tabs:新增“tabWidth”和“tabHeight”属性;
  • validatebox:新增“novalidate”属性来控制是否使用验证功能(译者注:true:关闭验证,false:启用验证,默认:false);
  • validatebox:新增“enableValidation”和“disableValidation”方法(译者注:用于在代码中控制开启和关闭验证的功能。);
  • form:新增“enableValidation”和“disableValidation”方法(译者注:用于在form提交时控制开启和关闭整个表单验证功能。);
  • slider:新增“onComplete”事件(译者注:在进度条加载完毕时触发的事件。);
  • pagination:“buttons”属性允许使用已存在的元素(译者注:1.3.4版之前buttons属性只接受一个数组形式的参数传入,并且只能给按钮指定iconCls和handler属性,改为DOM以后可以给按钮设置更多的属性及样式了,使用方法同datagrid的“toolbar”属性,即:buttons:‘#btnDiv‘)。

jQuery EasyUI 1.3.3版本更新内容:

Bug(修复)

  • datagrid:修复列styler函数不支持某些CSS样式的问题;
  • datagrid:修复IE浏览器对单个文档最多只能使用31个样式表限制的问题;
  • treegrid: 修复列styler函数不支持某些CSS样式的问题;
  • menu: 修复在IE6版本下自动列宽不正确的问题;
  • combo:修复在combo区域以外点击无法触发"onHidePanel(隐藏面板)"事件函数的问题;

Improvement(改进)

  • datagrid:添加“scrollTo”和“highlightRow”方法;
  • treegrid:允许treegrid从元素解析数据;
  • combo:添加“selectOnNavigation”和“readonly”属性;
  • combobox:添加“loadFilter”属性,允许用户在加载数据之前将数据格式化为combobox空间所需的类型;
  • tree:添加“onBeforeDrop”回调事件;
  • validatebox:验证框的消息提示现在开始依赖“tooltip”组件,并增加“deltaX”属性;
  • numberbox:"filter"属性用于设置允许按下哪些键;
  • linkbutton:按钮支持分组;
  • layout:为各个区域面板增加了‘minWidth‘,‘maxWidth‘,‘minHeight‘,‘maxHeight‘ 和 ‘collapsible‘ 属性。

New Plugins(新插件)

    • tooltip:当鼠标移动到一个元素上时显示一个弹出消息框。
时间: 2024-10-17 02:02:38

JQuery EasyUI更新说明的相关文章

套用JQuery EasyUI列表显示数据、分页、查询

声明,本博客从csdn搬到cnblogs博客园了,以前的csdn不再更新,朋友们可以到这儿来找我的文章,更多的文章会发表,谢谢关注! 有时候闲的无聊,看到extjs那么肥大,真想把自己的项目改了,最近看到一款轻型的UI感觉不错,但是在网上找了好多教程,但是没有一个是完全是C#asp.net写的 无耐下,自己写了下,感觉效果不错,故拿出来和大学分享一下,希望可以抛砖引玉作用. 由于好多人都只是拷贝代码,故在此全用图片作说明. 图片效果图1 这个界面是上左右下结构 左边是一棵树 右边是一个表格 上部

第二百二十八节,jQuery EasyUI,TreeGrid(树形表格)组件

jQuery EasyUI,TreeGrid(树形表格)组件 学习要点: 1.加载方式 2.属性列表 3.事件列表 4.方法列表 本节课重点了解 EasyUI 中 TreeGrid(树形表格)组件的使用方法,这个组件依赖于 DataGrid(数据表格)组件. 一.加载方式 建立一个 JSON 文件 [ { "id": 1, "name": "系统管理", "date": "2015-05-10", &quo

开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo(转)

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心 应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示 图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类 首页如图2所示,可以选择中文和English. 图2 英文首

jquery.easyui代码详解,和遇到的问题,提供大家在使用的时候少走弯路(一)

初次使用jquery.easyui这个东东,虽然简单,但还是很费力的去研究了一下使用,在使用过程中遇到的问题,下面代码会详细的注释到 引用的文件jquery.min.js              jquery.easyui.min.js 样式:icon.css         easyui.css 页面初始化easy ui 插件 <html xmlns="http://www.w3.org/1999/xhtml"> <div class="cg-op&qu

[转]开源框架完美组合之Spring.NET + NHibernate + ASP.NET MVC + jQuery + easyUI 中英文双语言小型企业网站Demo

热衷于开源框架探索的我发现ASP.NET MVC与jQuery easyUI的组合很给力.由于原先一直受Ext JS框架的licence所苦恼,于是痛下决心寻找一个完全免费的js框架——easyUI.它有完整的demo和强大AIP手册,使我在开发过程中得心应手.以下是这篇博文Demo程序的演示效果: 解决方案如图1所示 图1 Domain:领域模型 Dao:持久层 Service:服务层 WebSite:表示层 Common:通用类 首页如图2所示,可以选择中文和English. 图2 英文首页

jQuery EasyUI使用教程之创建一个拖放的购物车

<jQuery EasyUI最新版下载> 如果你能利用你的web应用程序很容易地实现简单的拖放,那么你一定知道一些特别的东西,使用jQuery EasyUI,我们能在web应用程序中简单地实现拖放功能. 在本教程中,我们将为你展示如何创建一个用户可以拖放他们想要购买的商品到购物车的页面.购物车中的物品和价格将会更新. 查看演示 在页面上显示商品: < ul class = "products" > < li > < a href = "

jQuery EasyUI DataGrid API 中文文档

扩展自$.fn.panel.defaults,用 $.fn.datagrid.defaults重写了 defaults . 依赖 panel resizable linkbutton pagination 用法 1.  <table id="tt"></table> 1.  $('#tt').datagrid({ 2.      url:'datagrid_data.json', 3.      columns:[[ 4.          {field:'co

Jquery easyui tree的使用

这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" class="easyui-tree" checkbox="true" data-options="lines:true" style="height:94%"></ul> JS访问后台: //人员树 $('

jQuery EasyUI使用教程之创建展开行详细编辑表单的CRUD应用

当切换datagrid视图到"detailview"时,用户可以展开一行来显示该行下面的任何详细信息.此功能允许用户为放置在行详细信息面板中的编辑表单提供恰当的布局.在本教程中,我们使用DataGrid组件来减少编辑表单所占用的空间. 查看演示 Step 1:在HTML标记中创建DataGrid <table id="dg" title="My Users" style="width:550px;height:250px"