zoukankan      html  css  js  c++  java
  • GridView

    1、建立GridView,数据绑定

    工具箱--GridView,LinqDateSourse。

    设计界面LinqDateSourse--配置数据源(先建立要展示表的linq),根据提示进行操作。

    设计界面GridView--选择数据源(上一步建立的LinqDateSourse,默认名称为LinqDataSource1)。

    2、设置样式

    (1)设计界面GridView--自动套用格式(根据提示进行操作)

    (2)自定义

    属性选中GridView

       布局:Width:表格宽度

                 Height:表格高度

      外观:对表格线,背景,字体等的操作

     样式:HeaderStyle:表头操作

              RowStyle:对表行的背景颜色,位置等操作

              FooterStyle:对表底部进行操作,(在外观设置ShowFooter为True)

           AlterNationRowstyle:j交替行的显示

    3、整体控制

    4、列控制

    (1)删除添加列

    删除列--左下表格选中要删除的列---点击他的右边的叉号。

    增加列--左上选中要增加的列--点击“添加”。

    (2)表头显示文字设计

    编辑列--点击左下表格选中要编辑的列的名字--右边表格中HeaderText,输入要编辑后的内容(如果有Footer也可编辑FooterText)。

    (3)设置数据显示内容(属性扩展)

    比如性别:属性扩展名为SexStr,在“编辑列”左上角把下表的Sex换成BoundField类型里面的Sex,再在右下角表的"DateField“输入所要扩展的名。

    比如生日:在右下表的”DataFormString“输入:{0:yyyy年MM月dd日}

    比如民族:和属性扩张一样

    (4)要在每一列数据的后面添加一样的数据(如:同学)

    编辑列--选中列--右下角的”DataFormString“输入:{0}同学

    (5)设置预警提示(比如是女的,行就显示红色)

    在该表的RowDataBound事件中:

    5、行控制

    (1)删除

    在LinqDateSourse中”启用删除“----在GridView中”启用删除“--设置界面。

    (2)修改

    在LinqDateSourse中”启用更新“----在GridView中”启用编辑“--设置界面。

    比如性别、年龄、生日、民族在此表更新中不实用,需进行调整

    性别:编辑列--选中列名Sex--点击”将此字段转换为TemplateField"--确定--编辑模板--选中Colum[1]-Sex---EditItem Template中原先的删了,从工具箱里添加RadioButtonList,再添加数据(注意True和False),设置样式---点击编辑DataBindings---选择字段绑定---选中双向数据绑定--确定。

    生日:跟性别差不多,就是控件换成Calendar

    民族:跟性别差不多,就是控件换成DropDownList,给这个DropDownList绑定数据源,然后选择字段绑定。

    (3)取唯一键的值(RowDeleting事件)

        string name = e.Keys[0].ToString();

       name就是唯一键

     (4)分页

    GridView---"启用分页"------在分页的属性中“分页”设置(PageSize:每一页的页数,PageSettings设置页面布局,包括mode、首页、末页、等等)

    WAn!!!

  • 相关阅读:
    css样式2 布局 定位 层级 显示
    css与样式
    表单属性、键值对
    表单
    列表、表格
    实体、颜色、路径、标签、超链接、图片
    2018/07/05 html基础
    TP 链接数据库与Model模型的创建
    ThinkPHP 模板循环语法
    tp 单字母函数详解(摘自网络)
  • 原文地址:https://www.cnblogs.com/wwz-wwz/p/6068055.html
Copyright © 2011-2022 走看看