控件 Editor Zone

最新推荐文章于 2025-11-05 20:48:02 发布
转载 最新推荐文章于 2025-11-05 20:48:02 发布 · 1.7k 阅读 · 0
文章标签：

#server #asp #menu #xhtml #authorization #user

本文介绍了四种标准的WebPart编辑控件：AppearanceEditorPart、BehaviorEditorPart、LayoutEditorPart和PropertyGridEditorPart，并提供了详细的使用示例。
谈一谈编辑区域控件 Editor Zone 
 
 
 
 
 
 
 

顾名思义Editor控件必然用于编辑webpart。和其他控件一样，只能显示在Editor模式。通常有四个标准的模式
AppearanceEditorPart，BehaviorEditorPart，LayoutEditorPart，PropertyGridEditorPart。下面我们将一一介绍。

 1。 Appearance Editor Part
主要用于编辑webpart的基本属性。

Title --- Web Part标题栏
ChromeType --边框属性
Direction -文本显示方向
Height
Width
Hidden -不显示在页面

Listing ShowAppearanceEditorPart.aspx

<%@ Page Language="VB" %>
<%@ Register TagPrefix="user" TagName="FirstSimplePart" Src="~/FirstSimplePart.ascx" %>
<%@ Register TagPrefix="user" TagName="SecondSimplePart" Src="~/SecondSimplePart.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<script runat="server">

    Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As MenuEventArgs)
        WebPartManager1.DisplayMode = WebPartManager1.DisplayModes(e.Item.Text)
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <style type="text/css">
        .column
        {
            float:left;
            width:30%;
            height:200px;
            margin-right:10px;
            border:solid 1px black;
            background-color: white;
        }
        .menu
        {
            margin:5px 0px;
        }
        html
        {
            background-color:#eeeeee;
        }
    </style>
    <title>Show Appearance Editor Part</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:WebPartManager
        id="WebPartManager1"
        Runat="server" />

        <asp:Menu
            id="Menu1"
            OnMenuItemClick="Menu1_MenuItemClick"
            Orientation="Horizontal"
            CssClass="menu"
            Runat="server">
            <Items>
            <asp:MenuItem Text="Browse" />
            <asp:MenuItem Text="Design" />
            <asp:MenuItem Text="Edit" />
            </Items>
        </asp:Menu>

        <asp:WebPartZone
            id="WebPartZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
                <user:FirstSimplePart
                    id="FirstSimplePart1"
                    Title="First Web Part"
                    Description="Our first simple Web Part"
                    Runat="server" />
                <user:SecondSimplePart
                    id="SecondSimplePart1"
                    Title="Second Web Part"
                    Description="Our second simple Web Part"
                    Runat="server" />
            </ZoneTemplate>
        </asp:WebPartZone>

        <asp:WebPartZone
            id="WebPartZone2"
            CssClass="column"
            Runat="server" />

        <asp:EditorZone
            id="EditorZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
            <asp:AppearanceEditorPart
                id="AppearanceEditorPart1"
                Runat="server" />
            </ZoneTemplate>
        </asp:EditorZone>

    </form>
</body>
</html>
 
2. Behavior Editor Part

它的用途在于编辑以共享方式显示个性化的webpart属性，换句话说一个是向所有用户提供本人的个性化展示。
常用属性

Description 
Title Link 
Title Icon Image Link Enables you to specify an image that appears in a Web Part title bar.
Catalog Icon Image Link
Help Link 
Help Mode 
Import Error Message 
Export Mode 
Authorization Filter ---决定那些人有权限*作webpart。

Allow Close --是否允许关闭
Allow Connect --是否允许用户webpars之间的连接
Allow Edit --是否允许编辑
Allow Hide --是否允许隐藏Web Part。

Allow Minimize 
Allow Zone Change --是否允许用户拖拉webpart
Behavior Editor部件仅仅出现在共享个性化范围，因此需要知道如何设置个性化webpart。
 
使用第一步---配置web.config
Listing . Web.Config

<?xml version="1.0"?>
<configuration xmlns="http://schemas.microsoft.com/.NetConfiguration/v2.0">
    <system.web>
      <webParts>
        <personalization>
          <authorization>
            <allow users="*" verbs="enterSharedScope"/>
          </authorization>
        </personalization>
      </webParts>
    </system.web>
</configuration>
第二步将当前网页的 WebPartManager 控件设为
<asp:WebPartManager
    id="WebPartManager1"
    Personalization-InitialScope="Shared"
    Runat="server" />
Personalization-InitialScope 即允许所有web配置文件授权的用户进入共享个性化区。
 
 
Listing . ShowBehaviorEditorPart.aspx

          
<%@ Page Language="VB" %>
<%@ Register TagPrefix="user" TagName="FirstSimplePart" Src="~/FirstSimplePart.ascx" %>
<%@ Register TagPrefix="user" TagName="SecondSimplePart" Src="~/SecondSimplePart.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<script runat="server">

    Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As MenuEventArgs)
        WebPartManager1.DisplayMode = WebPartManager1.DisplayModes(e.Item.Text)
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <style type="text/css">
        .column
        {
            float:left;
            width:30%;
            height:200px;
            margin-right:10px;
            border:solid 1px black;
            background-color: white;
        }
        .menu
        {
            margin:5px 0px;
        }
        html
        {
            background-color:#eeeeee;
        }
    </style>
    <title>Show Behavior Editor Part</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:WebPartManager
        id="WebPartManager1"
        Personalization-InitialScope="Shared"
        Runat="server" />

        <asp:Menu
            id="Menu1"
            OnMenuItemClick="Menu1_MenuItemClick"
            Orientation="Horizontal"
            CssClass="menu"
            Runat="server">
            <Items>
            <asp:MenuItem Text="Browse" />
            <asp:MenuItem Text="Design" />
            <asp:MenuItem Text="Edit" />
            </Items>
        </asp:Menu>

        <asp:WebPartZone
            id="WebPartZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
                <user:FirstSimplePart
                    id="FirstSimplePart1"
                    Title="First Web Part"
                    Description="Our first simple Web Part"
                    Runat="server" />
                <user:SecondSimplePart
                    id="SecondSimplePart1"
                    Title="Second Web Part"
                    Description="Our second simple Web Part"
                    Runat="server" />
            </ZoneTemplate>
        </asp:WebPartZone>

        <asp:WebPartZone
            id="WebPartZone2"
            CssClass="column"
            Runat="server" />

        <asp:EditorZone
            id="EditorZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
            <asp:BehaviorEditorPart
                id="BehaviorEditorPart1"
                Runat="server" />
            </ZoneTemplate>
        </asp:EditorZone>

    </form>
</body>
</html>

效果图

 

3. Layout Editor Part
不用鼠标就能改变webpart布局】
实例：
Listing ShowLayoutEditorPart.aspx
          
<%@ Page Language="VB" %>
<%@ Register TagPrefix="user" TagName="FirstSimplePart" Src="~/FirstSimplePart.ascx" %>
<%@ Register TagPrefix="user" TagName="SecondSimplePart" Src="~/SecondSimplePart.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<script runat="server">

    Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As MenuEventArgs)
        WebPartManager1.DisplayMode = WebPartManager1.DisplayModes(e.Item.Text)
    End Sub
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <style type="text/css">
        .column
        {
            float:left;
            width:30%;
            height:200px;
            margin-right:10px;
            border:solid 1px black;
            background-color: white;
        }
        .menu
        {
            margin:5px 0px;
        }
        html
        {
            background-color:#eeeeee;
        }
    </style>
    <title>Show Layout Editor Part</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:WebPartManager
        id="WebPartManager1"
        Runat="server" />

        <asp:Menu
            id="Menu1"
            OnMenuItemClick="Menu1_MenuItemClick"
            Orientation="Horizontal"
            CssClass="menu"
            Runat="server">
            <Items>
            <asp:MenuItem Text="Browse" />
            <asp:MenuItem Text="Design" />
            <asp:MenuItem Text="Edit" />
            </Items>
        </asp:Menu>

        <asp:WebPartZone
            id="WebPartZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
            <user:FirstSimplePart
                id="FirstSimplePart1"
                Title="First Web Part"
                Description="Our first simple Web Part"
                Runat="server" />
            <user:SecondSimplePart
                id="SecondSimplePart1"
                Title="Second Web Part"
                Description="Our second simple Web Part"
                Runat="server" />
            </ZoneTemplate>
        </asp:WebPartZone>

        <asp:WebPartZone
            id="WebPartZone2"
            CssClass="column"
            Runat="server" />

        <asp:EditorZone
            id="EditorZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
            <asp:LayoutEditorPart
                id="LayoutEditorPart1"
                Runat="server" />
            </ZoneTemplate>
        </asp:EditorZone>

    </form>
</body>
</html>




4、Property Grid Editor
有时我们觉得改变用户参数相当麻烦，如果我们使用这个控件，自动产生属性，将大大简化*作。
使用PropertyGridEditorPart首先我们要设置好webpart的个性化，然后再加上WebBrowsable特性，当然这个特性只能显示在PropertyGridEditorPart里。
Listing FeaturedMoviePart.ascx

<%@ Control Language="VB" ClassName="FeaturedMoviePart" %>

<script runat="server">

    Public Enum MovieCategory
        Action
        Animation
        Drama
        Horror
    End Enum

    Private _movieTitle As String
    Private _category As MovieCategory
    Private _movieDescription As String
    Private _inTheaters As Boolean

    <Personalizable()> _
    <WebBrowsable()> _
    <WebDisplayName("Title")> _
    <WebDescription("The title of the movie")> _
    Public Property MovieTitle() As String
        Get
            Return _movieTitle
        End Get
        Set(ByVal Value As String)
            _movieTitle = value
        End Set
    End Property

    <Personalizable()> _
    <WebBrowsable()> _
    <WebDisplayName("Category")> _
    <WebDescription("The movie category")> _
    Public Property Category() As MovieCategory
        Get
            Return _category
        End Get
        Set(ByVal Value As MovieCategory)
            _category = value
        End Set
    End Property

    <Personalizable()> _
    <WebBrowsable()> _
    <WebDisplayName("Description")> _
    <WebDescription("The movie description")> _
    Public Property MovieDescription() As String
        Get
            Return _movieDescription
        End Get
        Set(ByVal Value As String)
            _movieDescription = value
        End Set
    End Property

    <Personalizable()> _
    <WebBrowsable()> _
    <WebDisplayName("In Theaters")> _
    <WebDescription("Is the movie currently showing?")> _
    Public Property InTheaters() As Boolean
        Get
            Return _inTheaters
        End Get
        Set(ByVal Value As Boolean)
            _inTheaters = value
        End Set
    End Property

    Private Sub Page_PreRender()
        lblMovieTitle.Text = _movieTitle
        lblCategory.Text = _category.ToString()
        lblMovieDescription.Text = _movieDescription
        lblInTheaters.Visible = _inTheaters
    End Sub
</script>
<asp:Label
    id="lblMovieTitle"
    Runat="server" />
<br />
<asp:Label
    id="lblCategory"
    Runat="server" />
<br />
<asp:Label
    id="lblMovieDescription"
    Runat="server" />
<br />
<asp:Label
    id="lblInTheaters"
    Text="In Theaters Now!"
    CssClass="inTheaters"
    Runat="server" />

分析这个用户控件，我们发现每个属性都有Personalizable 和 WebBrowsable。另外WebDisplayName 和 WebDescription用来提供每个属性的名字和描述。

Listing 27.21. ShowPropertyGridEditorPart.aspx

<%@ Page Language="VB" %>
<%@ Register TagPrefix="user" TagName="FeaturedMoviePart" Src="~/FeaturedMoviePart.ascx" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<script runat="server">

    Sub Menu1_MenuItemClick(ByVal sender As Object, ByVal e As MenuEventArgs)
        WebPartManager1.DisplayMode = WebPartManager1.DisplayModes(e.Item.Text)
    End Sub
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <style type="text/css">
        .column
        {
            float:left;
            width:30%;
            height:200px;
            margin-right:10px;
            border:solid 1px black;
            background-color: white;
        }
        .menu
        {
            margin:5px 0px;
        }
        html
        {
            background-color:#eeeeee;
        }
    </style>
    <title>Show Property Grid Editor Part</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:WebPartManager
        id="WebPartManager1"
        Runat="server" />

        <asp:Menu
            id="Menu1"
            OnMenuItemClick="Menu1_MenuItemClick"
            Orientation="Horizontal"
            CssClass="menu"
            Runat="server">
            <Items>
            <asp:MenuItem Text="Browse" />
            <asp:MenuItem Text="Design" />
            <asp:MenuItem Text="Edit" />
            </Items>
        </asp:Menu>

        <asp:WebPartZone
            id="WebPartZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
                <user:FeaturedMoviePart
                    id="FeaturedMoviePart1"
                    Title="Featured Movie Part"
                    Description="Displays movie information"
                    Runat="server" />
            </ZoneTemplate>
        </asp:WebPartZone>

        <asp:WebPartZone
            id="WebPartZone2"
            CssClass="column"
            Runat="server" />

        <asp:EditorZone
            id="EditorZone1"
            CssClass="column"
            Runat="server">
            <ZoneTemplate>
            <asp:PropertyGridEditorPart
                id="PropertyGridEditorPart1"
                Runat="server" />
            </ZoneTemplate>
        </asp:EditorZone>
    </form>
</body>
</html>

运行后的效果图

最后，我们应该注意PropertyGridEditorPart的下面三个属性。
Boolean  --是否显示 CheckBox control.

Enumeration  --是否显示 DropDownList control.

Other Properties --是否显示 TextBox control.

把卡片从配置到可视化：全面认识 SAP UI5 namespace sap.ui.integration.editor
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
09-04 113
的价值，在于把卡片的manifest配置这件传统上偏技术向的工作，转译成角色友好的、可视化的、可扩展的表单交互；它既尊重 UI5 卡片的声明式哲学，又提供足够的可定制能力与宿主集成点，使你的卡片从开发到上线的过渡更加顺滑而稳健。只要把designtime讲清、宿主职责补齐、字段与预览配置得当，一套卡片就能在不同客户与不同页面上以最小改动完成适配与落地。SAPUI5 SDKSAPUI5 SDK参考与延伸阅读Integration Cards 总览与宿主职责、作为 UI5 控件或自定义元素的嵌入方式 (
【unity游戏开发之InputSystem——02】InputAction的使用介绍（基于unity6开发介绍）
向宇
01-22 3848
【unity游戏开发之InputSystem——02】InputAction的使用介绍（基于unity6开发介绍）
ASP.NET - EditorZone Web 服务器控件概述
dodream的专栏
01-05 2489
      Web 部件的一项主要功能是使最终用户能够个性化网页并保存其个性化设置。修改 Web 部件页的一个方面包括编辑可见 WebPart 控件的外观、布局、行为和其他属性。Web 部件控件集中的几种控件可提供编辑功能。其中包括 EditorZone 控件，该控件是 Web 部件控件集中用于承载网页上的 EditorPart 控件的主控件。 下表提供了可由 EditorZone
在 cPanel 中管理区域编辑权限
web_geek的博客
10-16 392
在 cPanel & WHM 62 版本中，我们的开发团队引入了新的 Zone Editor 界面（cPanel >> 域名 >> Zone Editor）。如果你的账户设置了高级 DNS 编辑器权限，你将能够通过新的 Zone Editor 界面编辑 A 记录、CNAME 记录、DNSSEC 设置、TXT 记录、SRV 记录和 AAAA 记录。如果你的账户仅设置了简单 DNS 编辑器权限，你将只能通过新的 Zone Editor 界面设置 A 记录、CNAME 记录和 DNSSEC 设置。
UE5插件创建控件蓝图
伪善者的博客
10-27 6336
UE5插件创建控件蓝图
vue2项目集成canvas-editor文本编辑器
BrandTF的博客
07-22 6794
vue2项目集成 canvas-editor 富文本编辑器; canvas-ediotr并不是一款开箱即用的插件, 需要通过下载源码来进行手动集成到项目中; 源码地址: https://github.com/Hufe921/canvas-editor 官方文档: https://hufe.club/canvas-editor-docs/guide/schema.html 本地运行结果: canvas-editor通过 vue3 + TypeScript 进行编写的, 考虑到大部分的 vue2项目中并没有集
VS Code 编辑器： Monaco Editor 介绍
淘系技术
09-17 5430
Any application that can be written inJavaScript, will eventually be written inJavaScript. 任...
Monaco Editor (vite/webpack + ts + vue项目使用)
yyXieDaiMa的博客
06-23 9941
微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSCode在编辑代码，交互以及UI上几乎是一摸一样的。VS Code(基于electron) 包含了文件管理、版本控制、插件等功能，是一款桌面软件。Monaco Editor （基于浏览器）可以看作是一个编辑器控件，只提供了基础的编辑器与语言相关的接口，可以被
【UI LVGL7】label控件
weixin_47620452的博客
03-12 3833
1、label的对齐方式 lv_obj_set_width(label, LV_HOR_RES_MAX);// lv_obj_align(label, parent, LV_ALIGN_IN_TOP_MID, 0, 95 + (j*157));//文本控件的对齐方式 lv_label_set_long_mode(label, LV_LABEL_LONG_BREAK); lv_label_set_align(label, LV_LABEL_AL...
Python应用开发——30天学习Streamlit Python包进行APP的构建（7）
此星光明博客
06-22 1375
显示数据编辑器 widget。数据编辑器 widget 可让你在类似表格的用户界面中编辑数据框和许多其他数据结构。警告。
ASP.NET2.0控件：TreeView、MultiView与WebParts详解
# ASP.NET 2.0 控件：TreeView、MultiView 与 Web Parts 详解 ## 1. TreeView 控件 在现代软件中，可展开节点表示的层次结构是一种常见的用户界面设计。例如，在使用 Windows 资源管理器浏览文件时，需要展开和收缩...
HTML - 换行标签的 3 种写法（＜br＞、＜br/＞、＜br /＞）
weixin_52173250的博客
11-05 301
HTML - 换行标签的 3 种写法（<br>、<br/>、<br />）
【事件触发一致性】研究多智能体网络如何通过分布式事件驱动控制实现有限时间内的共识（Matlab代码实现）
11-29
【事件触发一致性】研究多智能体网络如何通过分布式事件驱动控制实现有限时间内的共识（Matlab代码实现）内容概要：本文围绕多智能体网络中的事件触发一致性问题，研究如何通过分布式事件驱动控制实现有限时间内的共识，并提供了相应的Matlab代码实现方案。文中探讨了事件触发机制在降低通信负担、提升系统效率方面的优势，重点分析了多智能体系统在有限时间收敛的一致性控制策略，涉及系统模型构建、触发条件设计、稳定性与收敛性分析等核心技术环节。此外，文档还展示了该技术在航空航天、电力系统、机器人协同、无人机编队等多个前沿领域的潜在应用，体现了其跨学科的研究价值和工程实用性。; 适合人群：具备一定控制理论基础和Matlab编程能力的研究生、科研人员及从事自动化、智能系统、多智能体协同控制等相关领域的工程技术人员。; 使用场景及目标：①用于理解和实现多智能体系统在有限时间内达成一致的分布式控制方法；②为事件触发控制、分布式优化、协同控制等课题提供算法设计与仿真验证的技术参考；③支撑科研项目开发、学术论文复现及工程原型系统搭建； 阅读建议：建议结合文中提供的Matlab代码进行实践操作，重点关注事件触发条件的设计逻辑与系统收敛性证明之间的关系，同时可延伸至其他应用场景进行二次开发与性能优化。
无人机无人机FMCW毫米波高度计雷达仿真（Matlab代码实现）
11-29
【无人机】无人机FMCW毫米波高度计雷达仿真（Matlab代码实现）内容概要：本文档围绕无人机FMCW毫米波高度计雷达的仿真展开，利用Matlab代码实现对毫米波雷达测高原理的建模与仿真分析。重点涵盖FMCW（调频连续波）雷达信号的发射、接收、混频、傅里叶变换及高度信息提取等关键环节，通过构建无人机飞行场景下的回波信号模型，完成距离测量与精度评估。文档还结合雷达信号处理技术，展示如何通过仿真手段验证高度计性能，帮助理解毫米波雷达在无人机低空飞行中的测距测高机制。; 适合人群：具备一定Matlab编程基础和信号处理知识，从事无人机导航、雷达系统设计、自动驾驶或相关领域研究的研究生、科研人员及工程技术人员。; 使用场景及目标：①学习FMCW雷达的基本工作原理及其在无人机高度测量中的应用；②掌握雷达回波信号建模与处理的仿真方法；③为无人机避障、定高飞行、地形跟随等功能开发提供技术参考与代码基础。; 阅读建议：建议结合Matlab代码逐模块运行调试，深入理解信号生成、混频、FFT处理及峰值检测等步骤的实现逻辑，可进一步扩展至多目标测距或动态场景仿真，提升实际应用能力。
易语言制作图标，标注类图标
最新发布
11-29
各种标注用途图标，，分类标注，分类管理
掌握世界时间对照TimeZone的系统控件
从给定文件信息来看，我们可以了解到相关知识点主要集中在“世界时间对照TimeZone”这一主题上，尤其涉及到IT行业中的控件、源码以及系统相关类的概念。此外，“TimeZone”作为一个编程中的常见概念，在不同的编程...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值