Query EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。
本示例主要为大家展示了基本的数据网格,数据网格由标记创建的,不需要JavaScript代码。【附源代码供大家参考】
本示例主要演示了从现有的、未格式化的HTML表格中转换数据网格。【另附源代码供大家参考】
本演示主要为大家展示了如何更改数据网格的行边框样式。【另附源代码供大家参考】
本演示主要为大家展示了数据网格的选择,首先选择一个选择模式,然后选择一行或多行。【另附源代码供大家参考】
本演示主要为大家展示了数据网格中的复选框选择,点击标题中的复选框来选择或取消所有选择。【另附源代码供大家参考】
本演示主要展示了具有工具栏的数据网格,在数据网格的顶部放置工具栏。【另附源代码供大家参考】
数据网格的工具栏可以通过一个div标记来定义,因此你可以很容易地定义工具栏布局。【另附源代码供大家参考】
本示例主要演示了如何自定义DataGrid的过滤器菜单。【另附源代码供大家参考】
数据网格中的远程过滤
本演示主要为大家展示了在数据网格组件中如何应用远程过滤和分页。【另附源代码供大家参考】
自定义DataGrid Pager
本演示主要为大家展示了如何自定义DataGrid Pager,你可以在标准的datagrid pager工具栏中附加一些按钮。【另附源代码供大家参考】
购买最新正版授权!"咨询在线客服"
新年新禧新气象,送礼送福送优惠!
葡萄城经典UI产品新年大促,惊喜折扣礼品送不停!
本站文章除注明转载外,均为本站原创或翻译
Query EasyUI最新试用版免费下载>
jQuery EasyUI致力于帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。jQuery EasyUI提供了基于当下流行的jQuery core和HTML5的控件,助您打造适合当今网络的应用程序。
本演示主要为大家展示了数据网格在服务器端的分页,点击页面栏可以更改页码或页面大小。【另附源代码供大家参考】
本演示主要为大家展示了在数据网格中如何实现客户端分页。【另附源代码供大家参考】
本演示主要展示了如何在数据网格中添加排序。在示例中可以单击列标题进行排序,但是“Attribute”和“Status”无法进行排序,因为它们的排序功能为分配。【另附源代码供大家参考】
将“multiSort”属性设置为true,从而实现多列排序。【另附源代码供大家参考】
本演示主要展示了列组的使用,标题的单元格可以合并。【另附源代码供大家参考】
本演示主要展示了在数据网格中如何对齐列,使用align和halign属性设置列和它们的头部对齐。【另附源代码供大家参考】
用户可以冻结某些列,使其超出视图时无法滚动。【另附源代码供大家参考】
本示例主要演示了如何格式化数据网格的列。【另附源代码供大家参考】
本示例演示了如何在数据网格滚动下来之前冻结一些显示在顶部的行。【另附源代码供大家参考】
本示例演示了如何通过指定的列对行进行分组。【另附源代码供大家参考】
本站文章除注明转载外,均为本站原创或翻译
端 UI 组件库WijmoJS V2020.0 Update1 正式发布!
这一版本将更加体现出 WijmoJS 的小巧、灵活和高效。我们将 WijmoJS 的组件和功能模块化,减少了应用程序加载时所需的时间。同时,我们还优化了数据渲染引擎(通常使用虚拟化),因此无论您的数据集有多大,我们的组件都可以实现高效加载。
为了响应用户需求,WijmoJS 的新版本加入许多在构建 Web应用程序时会用到的功能,除了可在React Redux 应用程序中编辑DataGrid外,还有针对FlexGrid和FlexChart的增强功能。
在列举 WijmoJS的全部新特性之前,请下载最新安装程序,以便同步体验!
FlexGrid为React Redux应用中的可编辑数据网格提供了一个企业级解决方案!
通常情况下,使用FlexGrid的用户会通过网格来更新基础数据数组。然而,这种方法不适用于需要数据不变性的状态管理系统(例如Redux)。
现在,这个问题可以通过使用ImmutabilityProvider扩展组件来解决。
引入FlexGrid,绑定到Redux Store的数据数组后,您可以通过以下方式更改网格行为:
· 允许用户以常规方式(更改项目值、添加/删除行、粘贴和文本)编辑网格数据。
· 允许所有的数据转换操作,包括排序、分组和过滤。
· 防止网格因应用户编辑而发生的变异。相反,它会触发dataChanged事件,该事件可用于将数据更改操作调度到Redux Store。
WijmoJS的股票投资组合 APP 是一个Demo,演示了OpenFin应用程序中WijmoJS组件的用法。
股票投资组合APP包含几个窗口,每个窗口都使用了不同的Web框架(包含React、Angular和Web组件)。 OpenFin的新Platform API允许用户在所需的工作区中排列和自定义窗口。
随着越来越多的应用程序使用JavaScript 脚本,客户端的安全性变得至关重要。
内容安全策略(CSP)作为一层额外保护,有助于提前发现并缓解某些类型的攻击,如跨站点脚本(XSS)和数据注入攻击。
WijmoJS的最新版本完全符合CSP策略,并且,不需要您在CSP中添加" unsafe-inline"或" unsafe-eval",也不需要" nonce"或哈希。
· FlexGrid中实现易于点击的复选框
· FlexGrid 列选择、多范围复制和粘贴
· Checkbox Selector Column for FlexGrid (复选框选择器列)
· Improved Resizing for Hidden Columns and Rows in FlexGrid(改进隐藏行列的大小调整)
· RadioButton and AutoComplete DataMap Editors for FlexGrid(新增对RadioButton和AutoComplete DataMap的原生支持)
· Improved Validation Behavior in FlexGrid(改进了数据验证行为)
· Expanded Column Pinning Options in FlexGrid(扩展了pinning固定选项)
· FlexGrid Button Columns with CellMaker(使用CellMaker实现按钮列)
· FlexGrid Hyperlink Columns with CellMaker(使用CellMaker实现超链接列)
· FlexGrid Image Columns with CellMaker(使用CellMaker实现图片列)
· FlexGrid Star Rating Column with CellMaker(使用CellMaker实现星级评分列)
· FlexGrid Sparkline Columns with CellMaker(使用CellMaker实现Sparkline列)
· Excel Export Progress Indicator for FlexGrid(FlexGrid导出Excel进度条)
· PDF Export Progress Indicator for FlexGrid(FlexGrid导出PDF进度条)
· Plot Revenue Over Expenses with BreakEven Chart for JavaScript Apps(可使用BreakEven Chart为JavaScript应用程序绘制支出收益表)
· Easily Filter Long MultiSelect Lists(多选过滤器)
· More Options for Triggering Popups(为弹出式触发器新增更多选项)
· Batch Updates in OdataCollectionView(ODataCollectionView批量更新)
以上就是前端 UI 组件库 WijmoJS V2020.0 Update1 的全部新特性内容,作为一款基于 HTML5 的前端开发工具包,WijmoJS 由 80 多种灵活、高效、跨平台、零依赖的 JavaScript UI 组件构成,完美兼容原生 JavaScript,以及 Angular、React、Vue、TypeScript、Knockout 和 Ionic 等框架,可助力企业以最快的速度开发并构建出一套成熟的 Web 应用程序,如果您也对这款"前端开发工具包"感兴趣,欢迎点击文末,了解更多。
赋能开发者!葡萄城公司成立于 1980 年,是全球领先的集开发工具、商业智能解决方案、低代码开发平台于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构,面向全球市场提供软件研发服务,并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣,在全球被数十万家企业、学校和政府机构广泛应用。
*请认真填写需求信息,我们会在24小时内与您取得联系。