Silverlight实用窍门系列:5.绑定webService数据到DataGrid,设置DataGrid模板,模拟数据库数据的绑定【附带实例源码】

简介:

    根据第二节说述,我们能够从webService获取到相关的信息数据。那么我们如果要查询数据库的数据,就应该在webservice端使用Select 语句来查询到表,然后使用DataSet的GetXml()方法,获取到相应的XML格式化数据库表数据。在本实例中,我们在webService端模拟一串数据库表的数据。如下:

<NewDataSet>
                 <Table>
                     <AddrName>四川</AddrName>
                     <CityName>成都</CityName>
                     <TelNum>028</TelNum>
                 </Table>
                 <Table>
                     <AddrName>广东</AddrName>
                     <CityName>广州</CityName>
                     <TelNum>020</TelNum>
                 </Table>
                 <Table>
                     <AddrName>北京</AddrName>
                     <CityName>北京</CityName>
                     <TelNum>010</TelNum>
                 </Table>
</NewDataSet>

       在此XML数据中,我们可以很清晰的看出这个表包含AddrName,CityName,TelNum三个字段,然后这个表中有3行数据。

我们在Silverlight接收到这串数据的时候,我们需要在Silverlight端声明一个实体类。这个实体类拥有AddrName,CityName,TelNum三个属性,然后再每次实例化这个实体类,将实体类对象添加到一个实体类集合中去。这样子这个实体类对象集合就拥有了3行数据。在这里我们首先看实体类的源代码:

/// <summary>
/// 城市信息的实体类
/// </summary>
public  class  CityInformation
{
     private  string  _AddrName;
     private  string  _CityName;
     private  string  _TelNum;
 
     public  string  AddrName
     {
         get  { return  _AddrName; }
         set  { _AddrName = value; }
     }
     public  string  CityName
     {
         get  { return  _CityName; }
         set  { _CityName = value; }
     }
     public  string  TelNum
     {
         get  { return  _TelNum; }
         set  { _TelNum = value; }
     }
   
}

       在这里,我们接收到XML数据,解析,并且得到实体类对象集合的代码如下:

List<CityInformation> cityList = new  List<CityInformation>();
//声明实体类集合,以保存实体类集合
using  (XmlReader xReader = XmlReader.Create( new  StringReader(xmlStr)))
{
     xReader.Read();
     while  (xReader.Read())
     {
         try
         {
             xReader.ReadToFollowing( "AddrName" );
             string  addrName = xReader.ReadElementContentAsString();
             xReader.ReadToNextSibling( "CityName" );
             string  cityName = xReader.ReadElementContentAsString();
             xReader.ReadToNextSibling( "TelNum" );
             string  telNum = xReader.ReadElementContentAsString();
//解析一行数据库XML的数据。
CityInformation cityInfo = new  CityInformation();
cityInfo.AddrName = addrName;
cityInfo.CityName = cityName;
cityInfo.TelNum = telNum;
cityList.Add(cityInfo);
               //实例化实体类,然后将实体类添加到实体类集合中去。
         }
         catch  (Exception ex)
         { }
        
     }
}
this .ShowCityList.ItemsSource = cityList;
   //将实体类集合绑定到DataGrid

        另外我们在这里需要设置DataGrid的列模板,因为他自动生成的列不能满足实际项目的需要。所以我们继续看一下XAML源代码:

<sdk:DataGrid HorizontalAlignment= "Left"   AutoGenerateColumns= "False"   Margin= "28,71,0,0"  Name= "ShowCityList"  VerticalAlignment= "Top"   Height= "271"   Width= "324"  >
             <sdk:DataGrid.Columns>
                 <sdk:DataGridTextColumn Header= "省会"  Binding= "{Binding AddrName}"  IsReadOnly= "True"  Width= "108" />
                 <sdk:DataGridTextColumn Header= "城市"  Binding= "{Binding CityName}"  IsReadOnly= "True"  Width= "108" />
                 <sdk:DataGridTextColumn Header= "电话区号"  Binding= "{Binding TelNum}"  IsReadOnly= "True"  Width= "108" />
             </sdk:DataGrid.Columns>
         </sdk:DataGrid>

       当然在这里我们需要引入域名空间:    xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
        在这里我们AutoGenerateColumns="False"设置本DataGrid不自动生成列。

        <sdk:DataGridTextColumn Header="省会" Binding="{Binding AddrName}" IsReadOnly="True" Width="108"/>,本句中设置DataGrid列名为省会,绑定的是CityInformation实体类的AddrName属性。另外设置了本列的默认宽度为108.

        至此,我们就将从webService获取到的数据绑定到了DataGrid。相信网上也会有很多类似的列子。在这里写出来,给需要的人看,也给初步接触Silverlight的TX看。希望能够写得简单明了一些。

       本例采用VS2010+Silverlight 4.0为开发环境。

       如需源码点击 SLReadXMLForDataGrid.rar 下载。


    本文转自程兴亮博客园博客,原文链接:http://www.cnblogs.com/chengxingliang/archive/2011/02/15/1955589.html,如需转载请自行联系原作者

相关文章
|
11月前
|
关系型数据库 数据库 PostgreSQL
【赵渝强老师】PostgreSQL的模板数据库
在PostgreSQL中,创建新数据库时,默认通过拷贝`template1`实现。`template1`包含标准系统对象,可自定义以影响新数据库内容;而`template0`是纯净模板,仅含预定义对象且不应修改。视频讲解和代码示例展示了如何查看现有数据库信息及标识字段的作用。 ![图示](https://ucc.alicdn.com/pic/developer-ecology/yub6x2mlkqwck_398ed06397a44c2d9bfbb5ae5c90bbc0.png) [视频链接](https://www.bilibili.com/video/BV1szyfY4EQn)
193 0
【赵渝强老师】PostgreSQL的模板数据库
|
关系型数据库 MySQL 数据库
python3连接MySQL数据库简单模板
python3连接MySQL数据库简单模板
223 0
|
缓存 运维 Serverless
Serverless 应用引擎产品使用合集之基于django应用模板创建的FC,如何配置数据库
阿里云Serverless 应用引擎(SAE)提供了完整的微服务应用生命周期管理能力,包括应用部署、服务治理、开发运维、资源管理等功能,并通过扩展功能支持多环境管理、API Gateway、事件驱动等高级应用场景,帮助企业快速构建、部署、运维和扩展微服务架构,实现Serverless化的应用部署与运维模式。以下是对SAE产品使用合集的概述,包括应用管理、服务治理、开发运维、资源管理等方面。
|
数据库
Discuz模板中调用数据库的某个字段的方法
Discuz模板中调用数据库的某个字段的方法
212 0
|
存储 JSON 缓存
彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-模板与数据库EP02
书接上回,上次我们搭建好了项目入口文件,同时配置了路由体系,接着就可以配置项目的模板了,这里我们采用Iris内置的模板引擎,事实上,采用模板引擎并不意味着前后端耦合,模板中的数据保持其独立性即可,也就是说模板的数据操作交互方式采用http接口请求的形式,Iris并不参与模板逻辑,只返回Json格式的数据即可。前端集成数据双向绑定机制的框架Vue.js。
彩虹女神跃长空,Go语言进阶之Go语言高性能Web框架Iris项目实战-模板与数据库EP02
|
存储 easyexcel Java
easyExcel模板数据导入数据库
easyExcel模板数据导入数据库
336 0
|
设计模式 算法 uml
CRUD很无聊?一起学设计模式吧!--模板模式​
CRUD很无聊?一起学设计模式吧!--模板模式​
155 0
|
SQL 关系型数据库 MySQL
【Django学习笔记 - 11】:模板的继承、模型类和数据库
【Django学习笔记 - 11】:模板的继承、模型类和数据库
335 0
【Django学习笔记 - 11】:模板的继承、模型类和数据库
|
XML SQL Java
MyBatis——创建mapper、mybatis主配置文件模板、使用工具类或传统dao方式实现数据库的一些操作、MyBatis代理
MyBatis——创建mapper、mybatis主配置文件模板、使用工具类或传统dao方式实现数据库的一些操作、MyBatis代理
MyBatis——创建mapper、mybatis主配置文件模板、使用工具类或传统dao方式实现数据库的一些操作、MyBatis代理
|
SQL 数据库 数据库管理
数据库——数据库创建(模板与导入)
数据库——数据库创建(模板与导入)
数据库——数据库创建(模板与导入)