[ZK]MVVM跨页面调用

最新推荐文章于 2021-06-07 16:39:49 发布
最新推荐文章于 2021-06-07 16:39:49 发布
阅读量904 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： zk 文章标签： zk
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yangjiaosun/article/details/24251725
本文介绍如何在Vue中通过@GlobalCommand实现不同页面间的后台组件方法调用，包括Java端和页面端的调用方式，以及方法的具体实现。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >


1.绑定端

页面中的@command只能触发当前页面对应的后台组件的方法调用，要想通知其它页面的后台组件调用需要使用@GlobalCommand

代码：

    @Command

    @GlobalCommand("refreshDataList")
    @NotifyChange("personList")
    public void search() {
        if (keyWord == null) {
            keyWord = "";
        }
        personList = personService.queryPersons(keyWord);

    }


2.调用端

1）java端调用

 BindUtils.postGlobalCommand(null, null, "refreshDataList", null);


页面端调用

<button id="addProduct" label="Add" onClick="@global-command('refreshDataList')"/>

ZK实际应用：MVVM –与ZK客户端API一起使用
最佳 Java 编程
05-10 297
在之前的文章中，我们使用ZK的MVVM实现了以下功能： 将数据加载到表中 使用表单绑定保存数据 删除条目并以编程方式更新视图 ZK MVVM和ZK MVC实现方式之间的主要区别是，我们不直接在controller（ViewModel）类中访问和操作UI组件。 在本文中，我们将看到如何将某些UI操作委派给客户端代码，以及如何将参数从View传递到ViewModel。 目的...
MVVM跨页面数据传输
weixin_44540195的博客
06-07 1496
MVVM跨页面数据传输 文章目录MVVM跨页面数据传输前言一、MVVM是什么？二、步骤1.引入库2.实例窗口3.读入数据4.选择保存5.回填数据6. 效果总结 前言 在MVVM的架构下的项目中遇到一个功能需求，在当前控件页点击打开商品选择页面，从商品选择页面，选中特定商品后，点击确定后关闭当前页并回填选勾选的有关数据，效果主页面表格中出现已勾选的数据。 一、MVVM是什么？ MVVM模式和MVC模式一样，主要目的是分离视图（View）和模型（Model），有几大优点 低耦合。视图（View）可以独立
ZK MVC与MVVM模式联合实现动态分页
06-21
ZK中利用paging组件, 结合MVC与MVVM两种模式，实现大量数据的动态分页。
MVVM跨页面传递值
weixin_44540993的博客
06-07 615
如图所示 选中数据后点击确定在另外一个页面显示出来 for (int i = 0; i < dgXYTCVo.Count; i++) { if (dgXYTCVo[i].RTchked==true) { WesternMedicineID = dgXYTCVo[i].WesternMedicineID; Messenger.Default.Send(WesternMedicineID, “xy”); } } 先循环一下整个表的数据，如何复选框选中状态则获取它ID 传递到另外一个页面 然后下面到要接
ZK Model-View-ViewModel (MVVM)
huey2672的专栏
08-12 1705
ZK supports the Model-View-ViewModel (MVVM) design pattern which automates the data-binding tasks that developers would have to otherwise implement in a traditional controller. This pattern divides an
ZK 6中的MVVM初探
最佳 Java 编程
05-10 279
MVVM与MVC 在上一篇文章中，我们已经看到Ajax框架ZK如何采用CSS选择器启发的Controller来在View中连接UI组件并监听它们的事件。 在此ZK MVC模式下， View中的UI组件无需绑定到任何Controller方法或数据对象。 使用选择器模式作为将View状态和事件映射到Controller的灵活性，使代码更适应更改。 MVVM在相反方向上实现关注点分离。 在这...
ZK框架MVVM模式详解与入门
“zk框架入门学习，介绍了ZK框架从MVP到MVVM模式的转变，以及MVVM模式的工作流程。” ZK框架是一个基于Java的轻量级企业级应用开发框架，主要用于构建富客户端(Rich Client)应用。它的核心特性包括组件化、事件驱动...
利用ZK实现MVC与MVVM模式下的动态分页技术
### ZK框架概述 ...综上所述，ZK结合MVC与MVVM模式进行动态分页的实现，不仅提高了代码的组织性和可维护性，还通过使用ZK的 paging组件，简化了分页功能的实现过程，大大提升了开发效率和用户体验。
ZK框架开发指南：深入理解与应用
2. ZK语言：在ZK框架中使用的一种标记语言，它使得开发者可以将业务逻辑与页面标记无缝结合，从而高效地开发出动态Web页面。 3. 组件化：ZK框架将界面元素抽象成组件，这些组件可以复用并具有事件驱动的特性。 4. ...
ZK框架安装与入门开发指南
它提供了一种组件化的方式来构建界面，并利用Ajax技术实现无需页面刷新的数据交换。 #### 2. ZK的安装环境要求 在安装ZK之前，需要准备好Java开发环境（JDK），ZK需要Java版本通常为1.8及以上。由于ZK组件基于Ajax...
ZK的实际应用：MVVM –表单绑定
最佳 Java 编程
05-11 243
这是我们从头开始构建ZK应用程序的第二集。 上一篇文章涉及使用MVVM将数据加载和呈现到表中。 在本文中，我们将向您介绍ZK MVVM的表单绑定。 目的 我们将构建一个“添加”功能，使我们能够将新条目保存到清单中。 单击“添加”时出现表格 单击“保存”后，将添加新条目 ZK实战功能 MVVM：保存，表单绑定，条件绑定 使用MVVM表单绑定添加新...
WPF MVVM Page 页面导航实例
11-28
WPF MVVM Page 页面导航实例，参照网上实例，手写实现，详细可以查看我的博客。 WPF MVVM Page 页面导航实例，参照网上实例，手写实现，详细可以查看我的博客。
ZK的实际应用：MVVM –以编程方式更新视图
最佳 Java 编程
05-11 221
在前两篇文章中，我们使用ZK的MVVM功能来： 将数据加载到表中 使用表单绑定保存数据 我们已经看到，用注解@NotifyChange（）装饰方法时，方法执行完成后，将向Binder通知VM属性的更改，以便Binder可以相应地更新相应的UI。 在这篇文章中，虽然我们在库存中实现了项目删除的功能，但我们将看到如何在运行时以编程方式更新UI组件。 目的 为我们的简单清单...
ModernUI　＋　ＭＶＶＭ　加载页面
06-17 186
加载页面时，每次切换选项卡都会调用两次ＬＯＡＤＥＤ事件　，如打开页面Ａ时会调用一次，点选选项卡Ｂ时在调用完Ａ的所有方法后还会调用页面Ａ的ＬＯＡＤＥＤ事件，然后退出Ａ进入Ｂ页面，所以可以把页面继承ＩＣＯＮＴＥＮＴ接口，在实现的方法中书写加载页面所需的功能 转载于:https://www.cnblogs.com/zhangxiaoshuai/p/5594555.html...
ZK MVP与MVVM简析
EvelynHouseba的专栏
03-14 1178
一、MVP
zk不同页面之间的即时刷新
weixin_30439131的博客
09-18 208
公共刷新方法 import org.zkoss.bind.annotation.GlobalCommand; import org.zkoss.bind.annotation.NotifyChange; @GlobalCommand("refreshDeploy") @NotifyChange({ "deploy", "imageContent" }) public v...
ZK开发关键知识点
热门推荐
Vincent Lee的专栏
09-12 1万+
本文是对ZK开发过程中必须掌握的关键知识点的总结，针对目前对新版本zk-6.5.2 关于ZK是什么参见前一篇博客 《ZK（The leading enterprise Ajax framework）入门指南》 http://blog.youkuaiyun.com/daquan198163/article/details/9304897
RadioGroup的Radiobutton点击时改变字体颜色和背景颜色（采用Xml文件设置）
llyyll007的博客
04-29 6156
转载 http://blog.youkuaiyun.com/zzf112/article/details/20467957 1  radiobutton字体颜色改变color_radiobutton.xml [html] view plain copy   xml version="1.0" encoding="u
wpf mvvm 页面之间互相调用
最新发布
06-03
<think>嗯，用户现在想了解在WPF的MVVM模式下如何实现页面之间的互相调用。之前他们问了关于获取父窗口控件的问题，现在转向页面间通信，可能是在开发多页面应用时遇到了导航或数据传递的问题。需要结合MVVM模式，避免直接在视图层操作，保持解耦。首先，根据用户提供的引用内容，特别是引用[2]和[3]，他们已经在使用DataContext绑定ViewModel，所以应该利用现有的MVVM结构。MVVM中页面切换通常涉及导航服务，可能需要一个中央的导航控制器，比如使用INavigationService接口。引用中提到MVVMLight Toolkit，可能这个框架有内置的导航支持，需要确认。然后，用户可能需要页面之间的方法调用和数据传递。在MVVM中，直接调用其他ViewModel的方法会破坏模式，应该通过消息传递或事件聚合器。比如，使用Messenger类（如MVVMLight中的Messenger）来发送和接收消息，这样不同页面的ViewModel可以通信而不直接引用对方。 另外，用户引用的例子中使用了命令绑定，可能需要在ViewModel中处理导航命令，比如切换当前页面的内容。例如，主窗口的DataContext是MainWindowViewModel，里面包含导航逻辑，控制显示哪个用户控件。可能需要一个ContentControl，通过绑定CurrentPage属性来动态切换视图。 还要考虑依赖注入，比如使用框架（如Prism）中的容器来管理ViewModel和导航服务，这样可以在不同的ViewModel中注入导航服务，实现页面切换。引用[3]中的DataContext设置，可能需要在App.xaml中配置全局的DataContext或使用依赖注入容器。用户可能遇到的问题包括：如何在ViewModel中触发页面跳转，如何传递参数，如何保持状态共享。需要分点说明不同的方法，如导航服务、消息机制、依赖注入等，并给出最佳实践，比如推荐使用消息传递或导航服务，避免强耦合。此外，要参考用户之前的问题，比如他们处理过获取父控件，可能现在需要跨页面访问控件，但在MVVM中应避免直接操作控件，而是通过绑定和ViewModel交互。所以需要强调MVVM的最佳实践，如关注分离、解耦、测试性。最后，生成的相关问题要围绕MVVM的导航、数据传递、服务设计等，帮助用户深入理解。</think>在WPF MVVM模式下实现页面间互相调用的核心在于保持视图模型的解耦，同时建立有效的通信机制。以下是具体实现方法和最佳实践： ### 一、基础架构设计 1. **导航服务模式** 通过`INavigationService`接口实现集中式导航控制，这是MVVM框架（如Prism、MVVM Light）的通用做法： ```csharp public interface INavigationService { void NavigateTo<TViewModel>() where TViewModel : ViewModelBase; void NavigateBack(); } // 注册服务示例（使用依赖注入容器） container.RegisterSingleton<INavigationService, NavigationService>(); ``` 2. **共享数据上下文** 在应用入口设置全局数据上下文，确保各页面视图模型可共享关键服务[^3]： ```csharp public partial class App : Application { protected override void OnStartup(StartupEventArgs e) { var container = new ServiceCollection() .AddSingleton<INavigationService, NavigationService>() .BuildServiceProvider(); MainWindow = new MainWindow { DataContext = container.GetService<MainViewModel>() }; MainWindow.Show(); } } ``` ### 二、页面间通信方法 1. **事件聚合器模式** 使用消息传递机制实现松耦合通信（以MVVM Light的`Messenger`为例）： ```csharp // 发送页面 public class PageAViewModel : ViewModelBase { private void SendData() { Messenger.Default.Send(new DataMessage("Hello from PageA")); } } // 接收页面 public class PageBViewModel : ViewModelBase { public PageBViewModel() { Messenger.Default.Register<DataMessage>(this, msg => { ReceivedData = msg.Content; }); } } ``` 2. **参数化导航** 在导航时携带参数，适用于简单的数据传递场景： ```csharp // 导航服务实现 public void NavigateTo<TViewModel>(object parameter) { var viewType = GetViewType<TViewModel>(); CurrentView = Activator.CreateInstance(viewType); (CurrentView.DataContext as ViewModelBase)?.OnNavigated(parameter); } // 接收参数示例 public class DetailViewModel : ViewModelBase { public void OnNavigated(object parameter) { if(parameter is int id) LoadData(id); } } ``` ### 三、最佳实践 1. **分层架构** 采用如下结构保持可维护性： ``` Application ├── Views (仅包含XAML) ├── ViewModels (业务逻辑) ├── Models (数据实体) └── Services (导航/网络等基础设施) ``` 2. **异步通信处理** 对于耗时操作需正确处理线程上下文，参考引用[4]中的异步初始化模式： ```csharp public class MainViewModel : ViewModelBase { public MainViewModel() { InitializeAsync(); } private async void InitializeAsync() { await LoadInitialData(); Messenger.Default.Send(new InitializationCompleteMessage()); } } ``` 3. **状态管理** 使用共享服务管理跨页面状态： ```csharp public interface ISharedStateService { User CurrentUser { get; set; } event EventHandler UserChanged; } // 各ViewModel通过依赖注入获取该服务 public class ProfileViewModel : ViewModelBase { public ProfileViewModel(ISharedStateService stateService) { stateService.UserChanged += (s,e) => UpdateProfile(); } } ``` ### 四、性能优化 1. 使用虚拟化容器处理列表页面的导航记录 2. 对频繁切换的页面启用视图缓存 3. 通过`WeakReference`实现事件订阅防止内存泄漏
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值