wijmo3+AngularJS

收藏

原项目是silverlight,现想将其迁移至html5,考虑兼容性使用wijmo3外加AngularJs，silverlight中有个很实用的功能即多窗口操作，即点击某个按钮弹出个dialog,再点击另一按钮又弹出个dialog,且两dialog间能实现数据传递，这个使用wijmo3+angularJS能实现吗，最近一直在研究这个没什么思路，还请赐教
举个简单地例子，点击某菜单弹出dialog包含cbo，grid实现根据条件查询出Student，该dialog还有个button Add,点击弹出另一dialog用于输入新增Student信息，点击该dialog中save,新增信息即添加至第一个dialog的grid的数据源中，这就是我所说的多窗口操作，像这种功能wijmo+angularJS该如何实现呢，您能给个最简单的例子吗
silverlight中有个很实用的功能即多窗口操作，即点击某个按钮弹出个dialog,再点击另一按钮又弹出个dialog,且两dialog间能实现数据传递，这个使用wijmo3+angularJS能实现吗，最近一直在研究这个没什么思路，还请赐教,
我已看过官方工具包内的相关示例，没找到我要实现的该功能

gw0506 · gw0506

我理解你的需求是允许用户添加一行数据到Grid。你目前的业务逻辑是点击编辑按钮弹出新的界面，这时你可以在新的dialog中布局友好的用户录入界面。还有一种建议是让用户直接在Grid中编辑，不需要弹出新的Dialog。
如果只是直接添加新Row，并且直接可以编辑，文档里刚好有一个实例以及使用方法简介：
http://wijmo.com/docs/wijmo/webframe.html#AddNewRow.html

如果是弹出Dialog，然后允许用户编辑之后，增加新Row只需要弹出Dialog，布局部分你可以按你的需求自己定制，最终结束Dialog的时候，使用上面介绍的方法，添加数据到Grid中。

展示Dialog：

<input type="button" value="Show Confirm" onclick="$('#dialog-confirm').wijdialog('open')" />

复制代码

Demo见：http://demo.gcpowertools.com.cn/ ... le=Confirm%20Dialog

添加Grid新Row：

$("#btnAdd").click(function () {
var data = $("#wijgrid").wijgrid("data");
data[0].Name = "John";
data.push({ ID: '', Name: " " }); // add a new item
$("#wijgrid").wijgrid("ensureControl", true); // refresh wijgrid

复制代码

		自动登录	找回密码
密码			立即注册

wijmo3+AngularJS

1 个回复

活字格认证