找回密码
 立即注册

QQ登录

只需一步,快速开始

rcsy001

高级会员

118

主题

330

帖子

1198

积分

高级会员

积分
1198

活字格认证微信认证勋章

QQ
rcsy001
高级会员   /  发表于:2018-9-21 15:15  /   查看:2901  /  回复:4
活字格如何集成wijmo?
wijmo控件是葡萄城推出的优秀前端控件,其中flexGrid更是功能强大,使用方便。
活字格数据源使用OData,wijmo也可以使用OData,请问,活字格能否集成wijmo,使用活字格的OData数据源,前端用wijmo来展示。
如果能实现,能否给个示例,wijmo使用活字格OData展示的示例。

4 个回复

倒序浏览
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-9-21 16:49:44
沙发
我不太了解wijmo,你能大致的描述一下,您具体想完成啥需求,啥功能吗?
回复 使用道具 举报
rcsy001
高级会员   /  发表于:2018-9-23 17:38:49
板凳
就是使用wijmo的控件,例如flexGrid
使用时,先引入相关的css,js

然后,HTML界面中放入一个简单的标签
<div id="theGrid"></div>
然后编写js代码,初始化这个列表控件,并加载数据
// create grid and show data
  var grid = new wijmo.grid.FlexGrid('#theGrid', {
    itemsSource: data,
    showMarquee: true,
    showSelectedHeaders: 'All',
    showAlternatingRows: false
  });

其中:data为JSON格式数据,这里希望能用活字格的OData,将数据传到这里。例如:
var data= 活字格OData方法生成的数据;
这样就算简单整合完成
然后,将这个界面展示出来就可以了。

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复 使用道具 举报
rcsy001
高级会员   /  发表于:2018-9-23 17:51:18
地板
wijmo 也可以这样使用OData
var url = 'https://services.odata.org/V4/Northwind/Northwind.svc';
  var data = new wijmo.odata.ODataCollectionView(url, 'Customers', {
          sortOnServer: true,
    filterOnServer: true
  });

以上来自葡萄城官方网站,详细使用可问一下你的同事 wijmo方面的
回复 使用道具 举报
Simon.hu讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2018-9-30 17:06:43
6#
rcsy001 发表于 2018-9-23 17:51
wijmo 也可以这样使用OData
var url = 'https://services.odata.org/V4/Northwind/Northwind.svc';
  var ...

你可以写JS代码吧这个放到活字格的页面中,可以引用的
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部