有关DataForm组件的研究_自定义DataForm模板——Silverlight学习笔记[25]

最新推荐文章于 2024-04-12 09:56:21 发布
最新推荐文章于 2024-04-12 09:56:21 发布
阅读量118 收藏
点赞数
原文链接：http://www.cnblogs.com/Kinglee/archive/2009/09/10/1564307.html
版权

为了满足各种开发需求，我们需要为DataForm制定不同的模板。本文将为大家介绍如何配置DataForm四个部分的模板——头模板（HeaderTemplate）、编辑项模板（EditTemplate）、新增项模板（NewItemTemplate）以及只读模板（ReadOnlyTemplate）。

 

预备工作

打开MainPage.xaml文件，在UserControl标签中添加如下命名空间：

xmlns:dataFormToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit"

 

1）头模板的配置

配置格式如下：

<dataFormToolkit:DataForm.HeaderTemplate>

    <DataTemplate>

        <!--这里添加需要配置的控件-->

    </DataTemplate>

</dataFormToolkit:DataForm.HeaderTemplate>


2）编辑项模板的配置

配置格式如下：

<dataFormToolkit:DataForm.EditTemplate>

    <DataTemplate>

        <!--这里添加需要配置的控件-->

    </DataTemplate>

</dataFormToolkit:DataForm.EditTemplate>


3）新增项模板的配置

配置格式如下：

<dataFormToolkit:DataForm.NewItemTemplate>

    <DataTemplate>

        <!--这里添加需要配置的控件-->

    </DataTemplate>

</dataFormToolkit:DataForm.NewItemTemplate>


4）只读模板的配置

配置格式如下：

<dataFormToolkit:DataForm.ReadOnlyTemplate>

    <DataTemplate>

        <!--这里添加需要配置的控件-->

    </DataTemplate>

</dataFormToolkit:DataForm.ReadOnlyTemplate>

 

实例

详细的说明在代码中给出。

MainPage.xaml文件代码：

<UserControl

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"

    mc:Ignorable="d" xmlns:dataFormToolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.DataForm.Toolkit" x:Class="SilverlightClient.MainPage"

    d:DesignWidth="320" d:DesignHeight="260">

    <Grid x:Name="LayoutRoot" Width="320" Height="260" Background="White">

        <dataFormToolkit:DataForm x:Name="dfEmployee" Margin="8,8,8,25" FontSize="14" Width="304" Height="210">

            <!--头模板开始-->

            <dataFormToolkit:DataForm.HeaderTemplate>

                <DataTemplate>

                    <StackPanel Orientation="Horizontal">

                        <Image Source="table.png" Width="16" Height="16"></Image>

                        <TextBlock Text="员工信息表单"></TextBlock>

                    </StackPanel>

                </DataTemplate>

            </dataFormToolkit:DataForm.HeaderTemplate>

            <!--头模板结束-->

            <!--编辑项模板开始-->

            <dataFormToolkit:DataForm.EditTemplate>

                <DataTemplate>

                    <StackPanel>

                        <dataFormToolkit:DataField Label="工号：">

                            <TextBox Text="{Binding EmployeeID,Mode=OneWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="姓名：">

                            <TextBox Text="{Binding EmployeeName,Mode=TwoWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="年龄：">

                            <TextBox Text="{Binding EmployeeAge,Mode=TwoWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="部门：">

                            <ComboBox ItemsSource="{StaticResource cbDepartmentDataProvider}" SelectedItem="{Binding DepartmentName,Mode=TwoWay}"></ComboBox>

                        </dataFormToolkit:DataField>

                    </StackPanel>

                </DataTemplate>

            </dataFormToolkit:DataForm.EditTemplate>

            <!--编辑项模板结束-->

            <!--新增项模板开始-->

            <dataFormToolkit:DataForm.NewItemTemplate>

                <DataTemplate>

                    <StackPanel>

                        <TextBlock Text="添加新项目"></TextBlock>

                        <dataFormToolkit:DataField Label="工号：">

                            <TextBox Text="{Binding EmployeeID,Mode=TwoWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="姓名：">

                            <TextBox Text="{Binding EmployeeName,Mode=TwoWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="年龄：">

                            <TextBox Text="{Binding EmployeeAge,Mode=TwoWay}"></TextBox>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="部门：">

                            <ComboBox ItemsSource="{StaticResource cbDepartmentDataProvider}" SelectedItem="{Binding DepartmentName,Mode=TwoWay}"></ComboBox>

                        </dataFormToolkit:DataField>

                    </StackPanel>

                </DataTemplate>

            </dataFormToolkit:DataForm.NewItemTemplate>

            <!--新增项模板结束-->

            <!--只读模板开始-->

            <dataFormToolkit:DataForm.ReadOnlyTemplate>

                <DataTemplate>

                    <StackPanel>

                        <TextBlock Text="只读状态"></TextBlock>

                        <dataFormToolkit:DataField Label="工号：">

                            <TextBlock Text="{Binding EmployeeID,Mode=TwoWay}"></TextBlock>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="姓名：">

                            <TextBlock Text="{Binding EmployeeName,Mode=TwoWay}"></TextBlock>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="年龄：">

                            <TextBlock Text="{Binding EmployeeAge,Mode=TwoWay}"></TextBlock>

                        </dataFormToolkit:DataField>

                        <dataFormToolkit:DataField Label="部门：">

                            <TextBlock Text="{Binding DepartmentName,Mode=TwoWay}"></TextBlock>

                        </dataFormToolkit:DataField>

                    </StackPanel>

                </DataTemplate>

            </dataFormToolkit:DataForm.ReadOnlyTemplate>

            <!--只读模板结束-->

        </dataFormToolkit:DataForm>

        <CheckBox x:Name="cbIsReadOnly" Height="30" HorizontalAlignment="Left" Margin="8,0,0,8" VerticalAlignment="Bottom" Width="100" Content="是否只读" FontSize="16"/>

    </Grid>

</UserControl>

 

MainPage.xaml.cs文件代码：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

 

namespace SilverlightClient

{

    //数据模型类

    public class Employees

    {

        public int EmployeeID { get; set; }

        public string EmployeeName { get; set; }

        public int EmployeeAge { get; set; }

        public string DepartmentName { get; set; }

    }

 

    public partial class MainPage : UserControl

    {

        //ComboBox的数据源

        public List<string> cbDepartmentList

        {

            get

            {

                return new List<string> { "管理部", "财务部" };

            }

        }

 

        public MainPage()

        {

            Resources.Add("cbDepartmentDataProvider", cbDepartmentList);//添加数据源

            InitializeComponent();

            this.Loaded += new RoutedEventHandler(MainPage_Loaded);

            this.cbIsReadOnly.Click += new RoutedEventHandler(cbIsReadOnly_Click);

        }

 

        void cbIsReadOnly_Click(object sender, RoutedEventArgs e)

        {

            if (cbIsReadOnly.IsChecked == true)

            {

                dfEmployee.IsReadOnly = true;

                dfEmployee.OnApplyTemplate();//刷新模板状态

            }

            else

            {

                dfEmployee.IsReadOnly = false;

                dfEmployee.OnApplyTemplate();

            }

        }

 

        void MainPage_Loaded(object sender, RoutedEventArgs e)

        {

           

            dfEmployee.ItemsSource = GetEmployees();

        }

       

        //为DataForm提供数据

        private List<Employees> GetEmployees()

        {

            List<Employees> returnedValue = new List<Employees>();

            returnedValue.Add(new Employees() { EmployeeID = 1, EmployeeName = "张三", EmployeeAge = 23, DepartmentName="管理部" });

            returnedValue.Add(new Employees() { EmployeeID = 2, EmployeeName = "李四", EmployeeAge = 24, DepartmentName="财务部" });

            return returnedValue;

        }

    }

}

 

最终效果图

图一：头模板与编辑项模板

 


图二：新增项模板

 


图三：只读模板

作者：Kinglee
文章出处：Kinglee’s Blog ( http://www.cnblogs.com/Kinglee/)
版权声明：本文的版权归作者与博客园共有。转载时须注明本文的详细链接，否则作者将保留追究其法律责任。

转载于:https://www.cnblogs.com/Kinglee/archive/2009/09/10/1564307.html

weixin_33800593
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Silverlight完成dataform的添加
08-14
在本文中，我们将深入探讨如何使用Silverlight 4.0结合WCF RIA（Windows Communication Foundation Rich Internet Applications）服务来实现DataForm的添加功能。Silverlight是一种强大的客户端开发技术，常用于构建...
snowflake-starter:Snowflake Cloud Data Platform的_simple_入门模板
05-20
雪花启动器入门模板Snowflake提供1个月的免费试用期，通过此回购协议，您应该可以在一个小时内掌握Snowflake的基础知识。 此模板将创建必要的ROLE ， USER ， DATABASE ， SCHEMA和WAREHOUSE以启动和运行Snowflake：...
Silverlight DataForm
我在努力，一直都在努力。
03-19 2854
DataForm组件在开发中，往往用于单个数据项的添加、更新、删除的操作。本文将为大家介绍DataForm组件的基础应用知识以及通过Linq to SQL+Silverlight-enabled WCF Web Service进行与数据库的批量CURD交互。组件所在命名空间：System.Windows.Controls 组件的常用属性： AutoCommit：获取或设置一个值来表示当
有关DataForm组件的研究_基础知识和实现服务端批量CURD——Silverlight学习笔记[23]...
weixin_33832340的博客
09-04 68
DataForm组件在开发中，往往用于单个数据项的添加、更新、删除的操作。本文将为大家介绍DataForm组件的基础应用知识以及通过Linq to SQL+Silverlight-enabled WCF Web Service进行与数据库的批量CURD交互。   组件所在命名空间： System.Windows.Controls   组件的常用属性： AutoCommit：获取或设置一...
dataForm添加数据并提交
白白的博客
09-21 1079
var oMyForm = new FormData(); var oReq = new XMLHttpRequest(); //接口地址 oReq.open("POST", baseurl + "room/uploadFile"); oReq.onload = function () { // 请求结束后,在此处写处理代码 console.log("end") location.href = "check.html?status=1&msg=null"; }; //添加数.
推荐开源项目：DataForm - 数据治理与数据分析的新星
最新发布
gitblog_00030的博客
04-12 281
推荐开源项目：DataForm - 数据治理与数据分析的新星 项目地址:https://gitcode.com/dataform-co/dataform 项目简介 DataForm 是一个强大的数据操作和协作平台，它专注于让数据团队更加高效地进行数据清洗、构建数据管道以及执行复杂的数据分析任务。通过提供统一的界面和语言，DataForm简化了从数据源到仪表板整个流程，帮助团队成员更轻松地理解和重用...
使用FormData
ChaoQun
12-28 1063
FormData
DataForm_STC15.H
04-16
一些用到的uint8、uint16、true、false等类型的重定义。我上传的一些文件里头可能有用到，其实不用这个文件也行，自己改改定义就OK，不过还是上传吧。
dataform-google-analytics-4-example:Dataform Google Analytics 4 导出数据转换管道
05-29
Dataform Google Analytics 4 导出数据转换管道 数据转换管道的示例项目，该管道使用作为的数据源 宪法 Dataform 数据集分类和约定 在本项目中，管道将大致分为以下四个阶段。根据这个阶段定义Dataform数据集定义...
System.Windows.Controls.Data.DataForm.Toolkit.dll
08-21
System.Windows.Controls.Data.DataForm.Toolkit.dll C#开发常用DLL
ajax发送dataform格式,通过ajax发送FormData对象和一个附加参数
weixin_29190573的博客
08-05 540
我设法发送了一个FormData对象，如下所示：var formData = new FormData();formData.append('file', this.files[0]);$.ajax({url: urlUploadProductsFile,type: 'POST',data: formData,cache: false,contentType: false,processData:...
Silverlight实例教程 – Datagrid,Dataform数据验证和ValidationSummary（转载）
weixin_33924312的博客
08-29 88
Silverlight 4 Validation验证实例系列 Silverlight实例教程 - Validation数据验证开篇 Silverlight实例教程 - Validation数据验证基础属性和事件 Silverlight实例教程 - Validation数据验证DataAnnotation机制和调试技巧 Silverlight实例教程 - Validation客户端同步数...
loadDataForm方法的作用
weixin_44552856的博客
05-27 1103
开发工具与关键技术：Visual Studio 作者：胡宁淇 撰写时间：2019年5月26日 这是jquery 根据json对象填充form表单的方法，我们在修改数据的时候首先就要进行数据回填。 我们用post提交数据就调用loadDatatoForm这个方法进行form表单的数据回填。 $.post("/SystemManagements/CollegeInfor/SelectAca...
FormData用法详解
热门推荐
前端开发
03-21 8万+
FormData 对象： 一.创建一个formData对象实例的方式 1、创建一个空对象 var formData = new FormData();//通过append方法添加数据 2、使用已有表单来初始化对象 //表单示例 &lt;form id="myForm" action="" method="post"&gt; &lt;input type="text" name...
dataframe一些简单方法
u013155359的博客
06-28 207
总结一下，最近用到的dataframe的简单的方法 import pandas as pd import numpy as np df = pd.DataFrame(np.random.randn(4,3),columns=list('abc')) print('df',df) #1.对列进行操作，axis=1 df1 = df.apply(lambda x:x['a']*10 + x['b'],axis=1) print('df1',df1) #2.对行进行操作，axis=0 df2 = df.ap
postman中 form-data、x-www-form-urlencoded、raw、binary的区别
好习惯要坚持下去
07-19 7万+
原文地址：http://blog.csdn.net/wangjun5159/article/details/47781443 1、form-data: 就是http请求中的multipart/form-data,它会将表单的数据处理为一条消息，以标签为单元，用分隔符分开。既可以上传键值对，也可以上传文件。当上传的字段是文件时，会有Content-Type...
formdata异步上传图片（文件）
Nep_tune的博客
04-21 830
要实现一个异步上传图片成功后不刷新页面显示图片的效果，可以用到dataform 前端页面： 上传文件： function doUpload() { var formData = new FormData($( "#uploadForm")[0]); $.aja
深入解析 multipart/form-data
跑够一万公里就结婚
07-18 3万+
一个 HTML 表单中的 enctype 有三种类型 application/x-www-urlencoded multipart/form-data text-plain 默认情况下是 application/x-www-urlencoded，当表单使用 POST 请求时，数据会被以 x-www-urlencoded 方式编码到 Body 中来传送，而如果 GET 请求，则是附在 url 链接...
SilverLight企业应用框架构建：REST服务与自定义DataForm
3. 自定义DataForm控件：Silverlight的内置DataForm控件虽然功能强大，但可能过于复杂。框架中将介绍一个自定义的DataForm控件，它更加简化，专注于满足实体编辑的业务逻辑。 此外，还会涵盖如自定义TabControl模板...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值