【原创】ASP.NET 学习(1)

Abstract:

通过一个简单的 web application， 学习以下内容：

(1) ListView control

(2) User control

(3) Handle ViewState in User control

(4) FindControl() usage, especially when there is a Master page.

本文主要讲述第一部分，即如何使用ListView控件。

虽然GridView功能非常强大，但是有时候用GridView却不是非常方便。比如说要实现下面这个页面，

、

数据结构是分层次，第一层次是student的基本信息，第二层是该student的每门课的分数。对于这种分层次的数据结构，如果用GridView来做数据绑定控件，是很不直观的。因为GridView非常适合扁平的数据结构，如果用GridView来显示的话，需要把已有的数据结构做“扁平化”处理。而用ListView会很直观，不需要做这些处理。

简单起见，数据源采用ObjectDataSource，首先定义下相关的Model和Controller，代码如下：　

StudentModel

public class StudentModel
{
    public int ID { get; set; }

    public string Name { get; set; }

    public string PassRate
    {
        get
        {

            if (CourseScoreList != null)
            {
                float aCoursePassed = 0;

                foreach (CourseScoreModel aCourse in this.CourseScoreList)
                {
                    if (aCourse.CourseScore >= 60)
                    {
                        aCoursePassed++;
                    }
                }

                return string.Format("{0:P}", aCoursePassed / this.CourseScoreList.Count);

            }

            return "100%";
        }
    }


    public IList<CourseScoreModel> CourseScoreList
    {
        get;
        set;
    }

}

public class CourseScoreModel
{
    public string CourseName { get; set; }

    public double CourseScore { get; set; }

}

StudentController

public class StudentController
{

    private IList<StudentModel> GetStudentsNoSort()
    {
        List<StudentModel> aStudentList = new List<StudentModel>();

        StudentModel aStudentModel = new StudentModel
        {
            ID = 101,
            Name = "Frank",
        };

        List<CourseScoreModel> aCourseList = new List<CourseScoreModel>();

        CourseScoreModel aCourseScoreModel = new CourseScoreModel
        {
            CourseName = "Math",
            CourseScore = 67
        };
        aCourseList.Add(aCourseScoreModel);

        aCourseScoreModel = new CourseScoreModel
        {
            CourseName = "English",
            CourseScore = 45
        };
        aCourseList.Add(aCourseScoreModel);

        aStudentModel.CourseScoreList = new List<CourseScoreModel>(aCourseList);
        aStudentList.Add(aStudentModel);

        aStudentModel = new StudentModel
        {
            ID = 102,
            Name = "Dan",
            CourseScoreList = new List<CourseScoreModel>(aCourseList),
        };

        aStudentList.Add(aStudentModel);

        return aStudentList;
    }


    public IList<StudentModel> GetStudents(String SortExpression)
    {

        IList<StudentModel> aStudentList = GetStudentsNoSort();

        if (string.IsNullOrEmpty(SortExpression))
        {
            return aStudentList;
        }

        String[] aSortExpressionArray = SortExpression.Split(' ');

        PropertyInfo aPI = typeof(StudentModel).GetProperty(aSortExpressionArray[0]);

        if (aSortExpressionArray.Length == 1)
        {
            // Asscending Sort
            (aStudentList as List<StudentModel>).Sort
                (
                    (sm1, sm2) => string.Compare(aPI.GetValue(sm1, null).ToString(),
                        aPI.GetValue(sm2, null).ToString())
                );
        }
        else
        {
            // Descending Sort(aStudentList as List<StudentModel>).Sort
            (aStudentList as List<StudentModel>).Sort
                (
                    (sm1, sm2) => string.Compare(aPI.GetValue(sm2, null).ToString(),
                        aPI.GetValue(sm1, null).ToString())
                );
        }

        return aStudentList;
    }
}

数据结构定义好之后，就可以进行页面的编码了。 因为数据结构是两个层次，因此需要用到两层ListView，分别对应Student信息和相应的课程分数信息。

用ListView需要首先定义下它的LayoutTemplate，

<LayoutTemplate>
  <table id="StudentListView" class="ListView" rules="all" cellspacing="0" border="1" style=" 100%; border-collapse: collapse;">
    <tr class="ListHeader">
      <td>ID</td>
      <td><asp:LinkButton ID="SortByNameLinkButton" runat="server" CommandName="Sort" CommandArgument="Name">Name</asp:LinkButton></td>
      <td>Pass Rate</td>
      <td>Course Name</td>
      <td>Course Score</td>
    </tr>
    <tr id="itemPlaceHolder" runat="server"></tr>
  </table>
</LayoutTemplate>

不想GridView，我们需要自己来定义整个Table结构，因为对每一行来说都是每个Student信息，因此把每一行单独放到到一个placeholder 里面，注意这一句

  

<tr id="itemPlaceHolder" runat="server"></tr>     runat="server" 是必须的, 而且id为itemPlaceHolder

接下来定义这个PlaceHolder的内容，

<ItemTemplate>
 <tr>
      <td><% # Eval("ID") 
%></td>
      <td><% # Eval("Name") 
%></td>
      <td><% # Eval("PassRate") 
%></td>
      <td>&nbsp;</td>
      <td>&nbsp;</td>
 </tr>

  <asp:ListView ID="CourseListView" DataSource='<%# Eval("CourseScoreList") %>' runat="server">
    <LayoutTemplate>
      <tr id="itemPlaceHolder" runat="server" />
    </LayoutTemplate>
    <ItemTemplate>
       <tr>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td>&nbsp;</td>
          <td><% # Eval("CourseName") 
%></td>
          <td><% # Eval("CourseScore") 
%></td>
       </tr>
    </ItemTemplate>
  </asp:ListView>

</ItemTemplate>

  

还需要定义一个ObjectDataSource指向之前定义的数据对象，

<asp:ObjectDataSource ID="StudentObjectDataSource" runat="server"
    onobjectcreating="StudentObjectDataSource_ObjectCreating"
    SortParameterName="SortExpression"
    SelectMethod="GetStudents" TypeName="Fangwen.Yu.ListViewDemo.StudentController">
    <SelectParameters>
        <asp:Parameter Name="SortExpression" Type="String" />
    </SelectParameters>
</asp:ObjectDataSource>

最后要注意一下，这里面关于对列Name排序的处理。

因为ListView不像GridView自动支持排序功能，当用鼠标点击表头的响应列，这列的数据会自动进行排序。想让ListView也有这种效果，需要自己编程来实现。

(1)  首先在Table中把列Name的表头控件设置成LinkButton，如下

<td><asp:LinkButton ID="SortByNameLinkButton" runat="server" CommandName="Sort" CommandArgument="Name">

       Name

     </asp:LinkButton>

</td>
                  

特别注意，这里面两个参数CommandName和CommandArgument的设置，CommandName必须设置成“Sort”，CommandArgument设置成该列对应数据源的字段名，此例中为”Name”.

(2)  在ObjectDataSource中设置属性SortParameterName，该属性的值与SelectMethod对应的方法的参数名一致，此例为"SortExpression”。

(3)  在SelectMethod中进行处理，如下所示：

           if (string.IsNullOrEmpty(SortExpression))
            {
                return aStudentList;
            }

            String[] aSortExpressionArray = SortExpression.Split(' ');

            PropertyInfo aPI = typeof(StudentModel).GetProperty(aSortExpressionArray[0]);

            if (aSortExpressionArray.Length == 1)
            {
                // Asscending Sort
                (aStudentList as List<StudentModel>).Sort
                    (
                        (sm1, sm2) => string.Compare(aPI.GetValue(sm1, null).ToString(),
                            aPI.GetValue(sm2, null).ToString())
                    );
            }
            else
            {
                // Descending Sort

                 (aStudentList as List<StudentModel>).Sort
                    (
                        (sm1, sm2) => string.Compare(aPI.GetValue(sm2, null).ToString(),
                            aPI.GetValue(sm1, null).ToString())
                    );
            }

       当页面第一次Load的时候，参数SortExpression为空字符串，因此需要首先判断一下参数是否为Empty，如果是则直接返回，不作排序处理。SortExpression的值包含两部分，第一部分是需要排序的字段，第二部分是排序方向 (特别注意，如果是升序排序，则这部分为NULL， 否则为字符串”DESC”. 因此需要对这个参数进行相应处理。

总结：

(1) ListView的优势--层次数据结构

(2) 自定义排序需要注意的地方

-- To Be Continued--