首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:C1 Wijmo Grids 更多惊喜

    代码: $("#tableDepartmentInformation").wijgrid( { allowSorting: true }); 运行后,单击列头即可实现排序。 效果图: 2. 代码: $("#tableDepartmentInformation").wijgrid( { allowPaging: true, pageSize: 2 }); 3. 代码: $("#tableDepartmentInformation").wijgrid( { showFilter: true }); 4. 分组 分组功能以分组所依据的列进行排序。 代码: $("#tableDepartmentInformation").wijgrid( { showGroupArea: true }); $("#tableDepartmentInformation ").wijgrid( { allowColMoving: true }); 5.

    89370发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    提高性能:用RequireJS优化Wijmo Web页面

    本文就通过对比的方式说明使用RequireJs前后网络性能,以使用Wijmo表格控件(wijgrid)说明。 用于加载模块依赖而不是创建一个模块. require(["knockout.wijmo", "wijmo.wijgrid", "wijmo.data.ajax"], function () { } config 不使用RequireJs,使用Wijmo的wijgrid表格控件 添加引用 <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css 的实现脚本 $(document).ready(function () { $("#demo-grid").wijgrid({ allowSorting 使用RequireJs,使用Wijmo的wijgrid表格控件 添加引用 <link href="http://cdn.wijmo.com/themes/aristo/jquery-wijmo.css"

    1.9K50发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    带你走近AngularJS - 体验指令实例

    Wijmo Grid 指令 这里展示的图表插件是 Wijmo 前端插件套包中的一款插件 wijgrid 插件: <wij-grid data="data" allow-editing="true 为了使这个连接起作用,父指令中定义了如下controller: app.directive("wijGrid", [ "$rootScope", "wijUtil", function ($rootScope 以下是"wij-grid-column" 指令的使用方法: app.directive("wijGridColumn", function () { return { require: "^wijGrid "@" // Text to display in the group header rows. }, link: function (scope, element, attrs, wijGrid ) { wijGrid.addColumn(scope); } } }); require 成员用于指定"wij-grid-column" 指令的父级指令"wij-grid"。

    3.7K50发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Wijmo 更优美的jQuery UI部件集:服务器端Grid魔法

    datasource.data.Items; datasource.data.totalRows = count; dataReader.read(datasource); } } }); $("#remoteTable").wijgrid 最后一个调用是真正的创建WijGrid。这和你之前曾经看过的没有什么不同。唯一使得服务器收集数据的设置就是datasource。

    1.2K60发布于 2018-01-10
  • 来自专栏葡萄城控件技术团队

    Mobile First! Wijmo 5 之 架构

    可以对比看如下的对Wijmo Grid Widget赋值语法: //Wijmo的 Grid Widget允许可编辑 $('#WijmoGrid1').wijgrid('option', 'allowEditing 以引起relayout和redraw myFlexGrid.refresh(); 对比JS Widget 调用刷新的方法 //刷新Wijmo Grid Widget $('#WijmoGrid1').wijgrid

    1.6K100发布于 2018-01-10
领券