LightSwitch中如何自定义新增/编辑窗口

本文介绍如何在LightSwitch中通过模式窗口与自定义模式窗口布局实现新增界面的自由排版,解决界面元素排版问题,并详细说明了如何调用模式窗口与初始化界面,展示在主窗口中实现新增功能的同时,能够灵活控制界面元素的布局。

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

LightSwitch中内置了新增和编辑的功能,一种是在表格或列表窗口的功能区点击新增等操作,这时会弹出一个模式窗口。但这有个问题就是对于界面元素没办法进行排版。如有多行文本框,在这个窗口中只能是单行。另一种是增加一个新增界面,然后调用该界面,但此时不是模式窗口,而是打开一个新的选项卡进行新增。

以上二种模式各有优缺点,本文讨论的是如何在主窗口中实现新增的同时,可以对新增界面进行元素排列。

LightSwitch中提供的布局中有模式窗口这种方式,我们可以从这方面来着手,在主界面中设置一个模式窗口,同时将该窗口不可见,同时也不显示按钮。这样可以等我们需要进调用该模式窗口。而下面的新增布局,则可以进行自由发挥了。

 

 

 

模式窗口中布局,在此就不在介绍了,可根据自己的要求进行处理。

 

下面是如何调用该模式窗口,来显示新增界面。首先切换工程到文件视图,定义一个模式窗口处理类

[csharp]  view plain copy
  1. using System;  
  2. using System.Net;  
  3. using System.Windows;  
  4. using System.Windows.Controls;  
  5. using System.Windows.Documents;  
  6. using System.Windows.Ink;  
  7. using System.Windows.Input;  
  8. using System.Windows.Media;  
  9. using System.Windows.Media.Animation;  
  10. using System.Windows.Shapes;  
  11.  using Microsoft.LightSwitch.Client;  
  12. using Microsoft.LightSwitch;  
  13. using Microsoft.LightSwitch.Presentation;  
  14. using Microsoft.LightSwitch.Presentation.Extensions;  
  15. using System.ComponentModel;  
  16. using Microsoft.LightSwitch.Threading;  
  17. namespace LightSwitchApplication  
  18. {  
  19.   
  20.     public class ModalWindowHelper  
  21.     {  
  22.         private IVisualCollection _collection;  
  23.         private string _dialogName;  
  24.         private string _entityName;  
  25.         private IScreenObject _screen;  
  26.         private IContentItemProxy _window;  
  27.         private IEntityObject _entity;  
  28.   
  29.         public ModalWindowHelper(IVisualCollection visualCollection, string dialogName, string entityName = "")  
  30.         {  
  31.             _collection = visualCollection;  
  32.             _dialogName = dialogName;  
  33.             _entityName = ((entityName != "") ? entityName : _collection.Details.GetModel().ElementType.Name);  
  34.             _screen = _collection.Screen;  
  35.         }  
  36.   
  37.         public void InitializeUI()  
  38.         {  
  39.             _window = _screen.FindControl(_dialogName);  
  40.   
  41.             _window.ControlAvailable += (object s, ControlAvailableEventArgs e) =>  
  42.             {  
  43.                 var window = (ChildWindow)e.Control;  
  44.   
  45.                 window.Closed += (object s1, EventArgs e1) =>  
  46.                 {  
  47.                     DialogClosed(s1);  
  48.                 };  
  49.             };  
  50.         }  
  51.   
  52.         public bool CanAdd()  
  53.         {  
  54.             return (_collection.CanAddNew == true);  
  55.         }  
  56.   
  57.         public bool CanEditSelected()  
  58.         {  
  59.             return (_collection.SelectedItem != null);  
  60.         }  
  61.   
  62.         public void AddEntity()  
  63.         {  
  64.             _window.DisplayName = string.Format("新增 {0}", _entityName);  
  65.             _collection.AddNew();  
  66.             OpenModalWindow();  
  67.         }  
  68.   
  69.         public void EditSelectedEntity()  
  70.         {  
  71.             _window.DisplayName = string.Format("编辑 {0}", _entityName);  
  72.             OpenModalWindow();  
  73.         }  
  74.   
  75.         private void OpenModalWindow()  
  76.         {  
  77.             _entity = _collection.SelectedItem as IEntityObject;  
  78.             _screen.OpenModalWindow(_dialogName);  
  79.         }  
  80.   
  81.         public void DialogOK()  
  82.         {  
  83.             if (_entity != null)  
  84.             {  
  85.                 _screen.CloseModalWindow(_dialogName);  
  86.             }  
  87.         }  
  88.   
  89.         public void DialogCancel()  
  90.         {  
  91.             if (_entity != null)  
  92.             {  
  93.                 _screen.CloseModalWindow(_dialogName);  
  94.                 DiscardChanges();  
  95.             }  
  96.         }  
  97.   
  98.         public void DialogClosed(object sender)  
  99.         {  
  100.             var window = (ChildWindow)sender;  
  101.             if (window.DialogResult.HasValue == false)  
  102.             {  
  103.                 DiscardChanges();  
  104.             }  
  105.         }  
  106.         private void DiscardChanges()  
  107.         {  
  108.             if (_entity != null)  
  109.             {  
  110.                 _entity.Details.DiscardChanges();  
  111.             }  
  112.         }  
  113.     }  
  114.   
  115. }  


 

2.重写主窗体中关于要新增的表格或列表的新增\编辑\删除代码,如下图,主要是canexecute 及execute代码。

 

 

[csharp]  view plain copy
  1. public partial class DeptmentListDetail  
  2.     {  
  3.         ModalWindowHelper deptDialogHelper = null;  
  4.         partial void DeptmentItemListAddAndEditNew_CanExecute(ref bool result)  
  5.         {  
  6.             result = deptDialogHelper.CanAdd();  
  7.         }  
  8.   
  9.         partial void DeptmentItemListAddAndEditNew_Execute()  
  10.         {  
  11.             deptDialogHelper.AddEntity();  
  12.         }  
  13.   
  14.         partial void DeptmentListDetail_Created()  
  15.         {  
  16.             deptDialogHelper.InitializeUI();  
  17.             if (Deptment.Count > 0)  
  18.                 Deptment.SelectedItem = Deptment.First();  
  19.   
  20.         }  
  21.   
  22.         partial void EditDialogOK_Execute()  
  23.         {  
  24.             deptDialogHelper.DialogOK();  
  25.         }  
  26.   
  27.         partial void EditDialogCancel_Execute()  
  28.         {  
  29.             deptDialogHelper.DialogCancel();  
  30.         }  
  31.   
  32.         partial void DeptmentItemListEditSelected_CanExecute(ref bool result)  
  33.         {  
  34.             result = deptDialogHelper.CanEditSelected();  
  35.   
  36.         }  
  37.   
  38.         partial void DeptmentItemListEditSelected_Execute()  
  39.         {  
  40.             deptDialogHelper.EditSelectedEntity();  
  41.   
  42.         }  
  43.   
  44.         partial void DeptmentListDetail_InitializeDataWorkspace(List<IDataService> saveChangesTo)  
  45.         {  
  46.             // 在此编写您的代码。  
  47.             deptDialogHelper = new ModalWindowHelper(Deptment, "DeptEditDialog","部门信息");  
  48.               
  49.       
  50.         }  
  51.     }  

请分别重写相关代码,但需要注意的是,deptDialogHelper = new ModalWindowHelper(Deptment, "DeptEditDialog","部门信息");  DeptEditDialog为模式窗口名。

下面运行来看一下效果如何。


资源下载链接为: https://pan.quark.cn/s/abbae039bf2a 无锡平芯微半导体科技有限公司生产的A1SHB三极管(全称PW2301A)是一款P沟道增强型MOSFET,具备低内阻、高重复雪崩耐受能力以及高效电源切换设计等优势。其技术规格如下:最大漏源电压(VDS)为-20V,最大连续漏极电流(ID)为-3A,可在此条件下稳定工作;栅源电压(VGS)最大值为±12V,能承受正反向电压;脉冲漏极电流(IDM)可达-10A,适合处理短暂高电流脉冲;最大功率耗散(PD)为1W,可防止器件过热。A1SHB采用3引脚SOT23-3封装,小型化设计利于空间受限的应用场景。热特性方面,结到环境的热阻(RθJA)为125℃/W,即每增加1W功率损耗,结温上升125℃,提示设计电路时需考虑散热。 A1SHB的电气性能出色,开关特性优异。开关测试电路及波形图(图1、图2)展示了不同条件下的开关性能,包括开关上升时间(tr)、下降时间(tf)、开启时间(ton)和关闭时间(toff),这些参数对评估MOSFET在高频开关应用中的效率至关重要。图4呈现了漏极电流(ID)与漏源电压(VDS)的关系,图5描绘了输出特性曲线,反映不同栅源电压下漏极电流的变化。图6至图10进一步揭示性能特征:转移特性(图7)显示栅极电压(Vgs)对漏极电流的影响;漏源开态电阻(RDS(ON))随Vgs变化的曲线(图8、图9)展现不同控制电压下的阻抗;图10可能涉及电容特性,对开关操作的响应速度和稳定性有重要影响。 A1SHB三极管(PW2301A)是高性能P沟道MOSFET,适用于低内阻、高效率电源切换及其他多种应用。用户在设计电路时,需充分考虑其电气参数、封装尺寸及热管理,以确保器件的可靠性和长期稳定性。无锡平芯微半导体科技有限公司提供的技术支持和代理商服务,可为用户在产品选型和应用过程中提供有
资源下载链接为: https://pan.quark.cn/s/9648a1f24758 在 JavaScript 中实现点击展开与隐藏效果是一种非常实用的交互设计,它能够有效提升用户界面的动态性和用户体验。本文将详细阐述如何通过 JavaScript 实现这种功能,并提供一个完整的代码示例。为了实现这一功能,我们需要掌握基础的 HTML 和 CSS 知识,以便构建基本的页面结构和样式。 在这个示例中,我们有一个按钮和一个提示框(prompt)。默认情况下,提示框是隐藏的。当用户点击按钮时,提示框会显示出来;再次点击按钮时,提示框则会隐藏。以下是 HTML 部分的代码: 接下来是 CSS 部分。我们通过设置提示框的 display 属性为 none 来实现默认隐藏的效果: 最后,我们使用 JavaScript 来处理点击事件。我们利用事件监听机制,监听按钮的点击事件,并通过动态改变提示框的 display 属性来实现展开和隐藏的效果。以下是 JavaScript 部分的代码: 为了进一步增强用户体验,我们还添加了一个关闭按钮(closePrompt),用户可以通过点击该按钮来关闭提示框。以下是关闭按钮的 JavaScript 实现: 通过以上代码,我们就完成了点击展开隐藏效果的实现。这个简单的交互可以通过添加 CSS 动画效果(如渐显渐隐等)来进一步提升用户体验。此外,这个基本原理还可以扩展到其他类似的交互场景,例如折叠面板、下拉菜单等。 总结来说,JavaScript 实现点击展开隐藏效果主要涉及 HTML 元素的布局、CSS 的样式控制以及 JavaScript 的事件处理。通过监听点击事件并动态改变元素的样式,可以实现丰富的交互功能。在实际开发中,可以结合现代前端框架(如 React 或 Vue 等),将这些交互封装成组件,从而提高代码的复用性和维护性。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值