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,如需转载请自行联系原作者

相关文章
|
前端开发 数据库
会议室管理系统源码(含数据库脚本)
会议室管理系统源码(含数据库脚本)
313 0
|
12月前
|
JavaScript API PHP
WordPress/Laravel企业官网源码-自适应多端SEO-前后端分离源码含数据库与部署文档​
本文详解如何结合WordPress与Laravel构建现代化企业官网,涵盖响应式设计、SEO优化、前后端分离、数据库安全及自动化部署。通过实战案例展示性能提升成果,并展望AI、云原生与区块链的未来融合方向,助力企业实现数字化增长。
|
前端开发 Java 关系型数据库
基于ssm的考研图书电子商务平台,附源码+数据库+论文
考研图书电子商务平台是一个基于Java的B/S架构系统,适用于Windows环境。该平台设有管理员和用户权限,管理员可管理商品、用户、留言板及订单,用户可管理收货地址、订单、收藏及购买商品。技术框架包括前端Vue+HTML+JavaScript+CSS+LayUI,后端SSM,数据库为MySQL。项目包含17个数据库表,支持Maven构建。提供演示视频和详细文档,支持免费远程调试安装,确保顺利运行。
296 13
基于ssm的考研图书电子商务平台,附源码+数据库+论文
|
Java 关系型数据库 MySQL
Java汽车租赁系统源码(含数据库脚本)
Java汽车租赁系统源码(含数据库脚本)
744 4
|
前端开发 Java 关系型数据库
基于ssm的社区物业管理系统,附源码+数据库+论文+任务书
社区物业管理系统采用B/S架构,基于Java语言开发,使用MySQL数据库。系统涵盖个人中心、用户管理、楼盘管理、收费管理、停车登记、报修与投诉管理等功能模块,方便管理员及用户操作。前端采用Vue、HTML、JavaScript等技术,后端使用SSM框架。系统支持远程安装调试,确保顺利运行。提供演示视频和详细文档截图,帮助用户快速上手。
650 17
|
前端开发 Java 关系型数据库
基于ssm的超市会员(积分)管理系统,附源码+数据库+论文,包安装调试
本项目为简单内容浏览和信息处理系统,具备管理员和员工权限。管理员可管理会员、员工、商品及积分记录,员工则负责积分、商品信息和兑换管理。技术框架采用Java编程语言,B/S架构,前端使用Vue+JSP+JavaScript+Css+LayUI,后端为SSM框架,数据库为MySQL。运行环境为Windows,JDK8+Tomcat8.5,非前后端分离的Maven项目。提供演示视频和详细文档,购买后支持免费远程安装调试。
819 19
|
前端开发 JavaScript Java
[Java计算机毕设]基于ssm的OA办公管理系统的设计与实现,附源码+数据库+论文+开题,包安装调试
OA办公管理系统是一款基于Java和SSM框架开发的B/S架构应用,适用于Windows系统。项目包含管理员、项目管理人员和普通用户三种角色,分别负责系统管理、请假审批、图书借阅等日常办公事务。系统使用Vue、HTML、JavaScript、CSS和LayUI构建前端,后端采用SSM框架,数据库为MySQL,共24张表。提供完整演示视频和详细文档截图,支持远程安装调试,确保顺利运行。
597 17
|
前端开发 Java 关系型数据库
基于ssm的培训学校教学管理平台,附源码+数据库+论文
金旗帜文化培训学校网站项目包含管理员、教师和用户三种角色,各角色功能通过用例图展示。技术框架采用Java语言,B/S架构,前端为Vue+HTML+CSS+LayUI,后端为SSM,数据库为MySQL,运行环境为JDK8+Tomcat8.5。项目含12张数据库表,非前后端分离,支持演示视频与截图查看。购买后提供免费安装调试服务,确保顺利运行。
290 14
|
前端开发 Java 关系型数据库
基于ssm的网络直播带货管理系统,附源码+数据库+论文
该项目为网络直播带货网站,包含管理员和用户两个角色。管理员可进行主页、个人中心、用户管理、商品分类与信息管理、系统及订单管理;用户可浏览主页、管理个人中心、收藏和订单。系统基于Java开发,采用B/S架构,前端使用Vue、JSP等技术,后端为SSM框架,数据库为MySQL。项目运行环境为Windows,支持JDK8、Tomcat8.5。提供演示视频和详细文档截图。
454 10
|
数据库连接 PHP 数据库
【YashanDB知识库】PHP使用ODBC使用数据库绑定参数功能异常
【YashanDB知识库】PHP使用ODBC使用数据库绑定参数功能异常