【MVVM Dev】PART_Editor的使用

一.前言在日常的界面开发中,我们大多使用MVVM模式进行开发.通常情况下,一个PropertyGridControl或者DataGrid的ItemsSource设置好, 然后每一列绑定好某一条ItemsSource中的某一个字段就可以跑起来了. 但是也有另一种情况: 假设一个界面Temp.xaml,它的ViewModel为TempViewModel.cs: 有一个PropertyGridControl的ItemsSource以ObservableCollection<Model>…

【MVVM DEV】DataColumn中的TextBox与ComboBox的并存

一.前言在WPF编程中,有时候我们使用DataGrid会需要在一个DataColumn中既有TextBox,也要有ComboBox或者TextBlock等其他数据显示样式. 这个时候我们就需要DataGridTemplateColumn去自定义我们的Column样式,通过数据类型去判断该信息是以TextBox显示还是以ComboBox来显示. 二.从数据库出发所谓兵马未到,粮草先行.数据库的字段应该明确告诉我们该条数据是哪个数据类型?是字符串型还是多选型?是否可编辑?…

【MVVM Dev】多个具有依赖性质的ComboBox对数据的过滤

一.前言在界面编程中,我们常常会遇到具有依赖性质的ComboBox框,比如最常见的: 省/直辖市 => 地级市/区 => 区/街道今天就说一下在WPF的MVVM模式中如何实现该功能二.范例假设有一段原始数据,名为:TotalData 其包含四个可以过滤的属性:AType.BType.CType.DType 与其对应的有四个ComboBox: 1. SelectedItem绑定:ATypeSelected ItemsSource绑定为:ATypes 2. Selected…

【MVVM Dev】ComboBox嵌入CheckBox的显示问题

一.前言在ComboBox中嵌入若干个CheckBox时,当我们勾选一些CheckBox,ComboBox会显示相应的勾选项. 例如:CheckBox项有A,B,C 那么勾选这三项,ComboBox会显示A,B,C 但有时候我们会发现,点击CheckBox时,ComboBox会出现对象的名称,而不是我们想要的text 例如:CheckBox有三项A,B,C 它们的类型都是XModel类型,Text分别为A,B,C. 有时候ComboBox会显示成"XModel" 为了解决这个问题…

一个简单的 MVVM 实现

简介一个简单的带有双向绑定的 MVVM 实现. 例子使用新建一个 ViewModel 对象, 参数分别为 DOM 元素以及绑定的数据即可. 指令本 MVVM 的指令使用 data 数据, 即 data-html = "text" 表示这个 DOM 元素的 innerHTMl 为 model 中的 text 属性. 对某些指令还可以添加参数, 比如 data-on="reverse:click", 表示 DOM 元素添加 click 事件, 处理函数为 mod…

WPF仿Word头部格式，涉及DEV RibbonControl,NarvbarControl,ContentPresenter,Navigation

时隔1个月,2015/06/17走进新的环境. 最近一个星期在学习仿Word菜单栏的WPF实现方式,废话不多说,先看一下效果. 打开界面后,默认选中[市场A],A对应的菜单栏,如上图, 选择[市场B]后讲改变菜单栏,和B相应的界面. 要实现上述的功能,要怎么解决? 实际上,每个界面都可以看成有三部分组成,顶部的DEV.RibbonControl,左侧的DEV.NavbarControl,和中间显示主要界面C部分. NavBarControl中包含多个NavBarItem,当切换NavBarIte…

WPF DEV CellTemplateSelector(一个正确使用DevExpress CellTemplateSelector的Demo)

说明我在项目中根据需求需要用到WPF Dev CellTemplateSelector时,遇到不少坑.曾一度想要放弃使用模板转换器,但又心有不甘,终于在不断努力下,达到了需求的要求.所以写下来和大家分享.如果有同样困惑的人,可以少走些弯路.笔者第一次写博客,文笔不好,还请见谅. 需求需求很简单,选择方式下拉框选中时间控制方式或者价格控制方式,后面的控制点单元格对应显示日期控件或文本控件. 思路刚拿到这个需求,就想到了模板选择器.但是之前也没有用过模板转换器,所以走了很多弯路.我们先看dev…

Devexpress Winform MVVM

归纳总结备忘 Devexpress Winform MVVM Practice 前言 MVVM Devexpress 正文 databindings及 UI Triggers Command 委托Command POCO Commands 异步command WithCommand extension Attaching Behaviors Confirmation behavior. Event To Command. Key(s)-To-Command (Devexpress Winform…

我所知道的MVVM框架(转司徒大大 )

RubyLouvre commented on 6 Sep 2014 avalon http://avalonjs.github.io/ (使用Object.defineProperties. VBScript. Object.observe,纯事件驱动,兼容IE6,DOM的兼容性处理可与jQuery媲美,体积少) 早期的四大MVVM框架,都有大公司引衔 https://angularjs.org/ (google出品,思想来自flex,IoC, 脏检测,自定义标签,受限于绑定数量,一般不能…

【MVVM 原生】原生MVVM的使用

一.前言前些天需要完成一个任务,该任务属于公司的一些核心代码,为了避免不必要的麻烦,任务要求不能使用第三方的MVVM框架,必须用原生的. 平时习惯了Dev与MVVMLight,遇上原生的说实话还真不会,于是写下来当做备忘录. (界面老司机可以直接不看了) 二.代码范例 View的部分就直接略过了,看Model部分: public class Model : INotifyPropertyChanged { public string Isbn { get; set;…

基于 Vue.js 之 iView UI 框架非工程化实践记要使用 Newtonsoft.Json 操作 JSON 字符串基于.net core实现项目自动编译、并生成nuget包 webpack + vue 在dev和production模式下的小小区别这样入门asp.net core 之静态文件这样入门asp.net core，如何

基于 Vue.js 之 iView UI 框架非工程化实践记要像我们平日里做惯了 Java 或者 .NET 这种后端程序员,对于前端的认识还常常停留在 jQuery 时代,包括其插件在需要时就引用一下,不需要就删除.故观念使然,尽管 Nuget 和 Maven 用得顺溜,但对 NPM 仍不带感,兴许是周边无人带动的稀薄气氛,也或者是没参加过类似的大型活动,于是在自发性上差了许多.再者,我不用 MVVM 模式,领导也不会扣绩效. 为了快速体验 MVVM 模式,我选择了非工程化方式来起步,并选…

【前端知识体系-JS相关】深入理解MVVM和VUE

1. v-bind和v-model的区别? v-bind用来绑定数据和属性以及表达式,缩写为':' v-model使用在表单中,实现双向数据绑定的,在表单元素外使用不起作用 2. Vue 中三要素的是什么? 2.1 响应式 // 如何让实现响应式的呢? let obj = {}; let name = 'zhangsan'; Object.defineProperties(obj, name, {get : function() { console.log('name' , name) }, s…

easy-table-vue+VueJs、SpringBoot+Mybatis实现MVVM模型前后台数据交互

该项目分为前端展示部分和后台服务部分. 前端部分使用的技术是:NodeJs.Webpack.VueJs 使用的组件库是:IVIEW.easy-table-vue 使用的开发工具是:WebStorm 链接:https://pan.baidu.com/s/1UBmLnRXM-IDcAiw72IESJw 提取码:cuf0 项目地址:https://gitee.com/wlovet/table-project 后台部分使用的技术是:Maven.SpringBoot.Mybatis 使用的开发工具是…

Vue.js 和 MVVM 小细节

MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自动传递给 View,即所谓的数据双向绑定. Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库,专注于View 层.它的核心是 MVVM 中的 VM,也就是 ViewModel. ViewModel负责连接 View 和 Model,保证视图和数据的一致性,这种轻量…

领域驱动和MVVM应用于UWP开发的一些思考

领域驱动和MVVM应用于UWP开发的一些思考 0x00 起因有段时间没写博客了,其实最近本来是根据梳理的MSDN上的资料(UWP开发目录整理)有条不紊的进行UWP学习的.学习中有了心得体会或遇到了问题就写一篇博客记录一下,方便后面查询.不过前几天在园子里逛看了几篇领域驱动的文章,突然发现领域驱动设计的有些地方对我有了很大的提示.在之前用WPF做桌面开发时,使用MVVM可以把View和Model很好的解耦,但在处理数据持久化的时候并没有找到一种特别好的方式.我之前的做法是把ADO封装了一层SQL…

MVVM框架从WPF移植到UWP遇到的问题和解决方法

MVVM框架从WPF移植到UWP遇到的问题和解决方法 0x00 起因这几天开始学习UWP了,之前有WPF经验,所以总体感觉还可以,看了一些基础概念和主题,写了几个测试程序,突然想起来了前一段时间在WPF下写的简易的MVVM框架(MVVM模式和在WPF中的实现),都是.NET平台的,移到通用类库里只要复制粘贴就可以了吧.抱着这个心态试了下,结果代码一片红,折腾了一下午总算搞得差不多了,第二天写了个测试试了下感觉基本问题应该是解决了.现在总结一下自己踩到的坑. 0x01 命令绑定之前在WPF中实…

MVVM模式解析和在WPF中的实现（六）用依赖注入的方式配置ViewModel并注册消息

MVVM模式解析和在WPF中的实现(六) 用依赖注入的方式配置ViewModel并注册消息系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 最初的想法…

MVVM模式解析和在WPF中的实现（五）View和ViewModel的通信

MVVM模式解析和在WPF中的实现(五) View和ViewModel的通信系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 还需要些什么呢在前面几篇…

MVVM设计模式和WPF中的实现（四）事件绑定

MVVM设计模式和在WPF中的实现(四) 事件绑定系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 为什么要事件绑定这个问题其实是很好理解的,因为事件…

MVVM模式解析和在WPF中的实现（三）命令绑定

MVVM模式解析和在WPF中的实现(三) 命令绑定系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 命令绑定要达到的效果命令绑定要关注的核心就是两个方…

MVVM模式和在WPF中的实现（二）数据绑定

MVVM模式解析和在WPF中的实现(二) 数据绑定系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 数据绑定要达到的效果数据绑定要达到什么效果呢,就是…

MVVM模式和在WPF中的实现（一）MVVM模式简介

MVVM模式解析和在WPF中的实现(一) MVVM模式简介系列目录: MVVM模式解析和在WPF中的实现(一)MVVM模式简介 MVVM模式解析和在WPF中的实现(二)数据绑定 MVVM模式解析和在WPF中的实现(三)命令绑定 MVVM模式解析和在WPF中的实现(四)事件绑定 MVVM模式解析和在WPF中的实现(五)View和ViewModel的通信 MVVM模式解析和在WPF中的实现(六)用依赖注入的方式配置ViewModel并注册消息 0x00 写在前面的废话我大概是从2012年底开始接…

从Script到Code Blocks、Code Behind到MVC、MVP、MVVM

刚过去的周五(3-14)例行地主持了技术会议,主题正好是<UI层的设计模式——从Script.Code Behind到MVC.MVP.MVVM>,是前一天晚上才定的,中午花了半小时准备了下就开讲了. 今天看到了大家在为MVVM knockout.js友(ji)好(lie)地交流,所以就整理下然后更扩展地分享. 主要目的也不是为了争论,毕竟只是正巧主题相近,原本的打算也就是一次技术分享并且记录下来. 那么我们就按照大致的历史进程将这些概念进行划分: Script Code Blocks.Code…

WPF 微信 MVVM

公司的同事离职了,接下来的日子可能会忙碌,能完善DEMO的时间也会少了,因此,把做的简易DEMO整体先记录一下,等后续不断的完善. 参考两位大神的日志:WEB版微信协议部分功能分析.[完全开源]微信客户端.NET版尤其是周见智大神的DEMO,因为好多和微信的服务端交互,都借鉴了大神的源码,帮助巨大,可以说我相当于做了一个翻版,只是用WPF开发的而已,外观上不同,但是实际交互上是差不多的. 微信分为两个部分,一个是登录,一个是主体,基于此,WPF也主要是这两个窗体来实现. 一.登录模块 1.登录…

WPF 微信 MVVM 【续】修复部分用户无法获取列表

看过我WPF 微信 MVVM这篇文章的朋友,应该知道我里面提到了我有一个小号是无法获取列表的,始终也没找到原因. 前两天经过GitHub上h4dex大神的指导,知道了原因,是因为微信在登录以后,web微信采取了不同的域名来兼容各种用户. 下面是大神提供的js代码和C#代码 function () { var e = location.host, t = 'weixin.qq.com', o = 'file.wx.qq.com', n = 'webpush.weixin.qq.com'; e.in…