ASP.NET―001:GridView绑定List、页面返回值具体实现

2024-09-27 21:45:55

用惯了WPF的绑定，ASP.NET的绑定貌似不是很好用。下面看看ASP.NET绑定的用法。一般来说可以直接绑定DataTable的，不过我觉得绑定List比较符合面向对象编程。
绑定的方法是两句代码：

代码如下:

GridView名.DataSource = List<自定义类>;

GridView名.DataBind();

直接看例子吧，以下是一个绑定一个PersonModel类的例子。其中用到了页面返回参数，使用js传递，js可写在前端也可直接写在后台代码里。
项目结构：

效果：

实体类

代码如下:

public class PersonModel
{
private int personIndex;

public int PersonIndex
{
get { return personIndex; }

set { personIndex = value; }
}

private string personID;

public string PersonID
{
get { return personID; }

set { personID = value; }
}

private string personName;

public string PersonName
{
get { return personName; }

set { personName = value; }
}

private string personSex;

public string PersonSex
{
get { return personSex; }

set { personSex = value; }
}

private int personAge;

public int PersonAge
{
get { return personAge; }

set { personAge = value; }
}

private bool personSelected = false;

public bool PersonSelected
{
get { return personSelected; }

set { personSelected = value; }
}
}

针对绑定的aspx页面写一个管理类，用于操作数据

代码如下:

public class ChildFrmManager
{
private List<PersonModel> personCollect = new List<PersonModel>();

private static ChildFrmManager instance = null;

public List<PersonModel> PersonCollect
{
get { return personCollect; }

set { personCollect = value; }
}

public static ChildFrmManager DoGetInstance()
        {
            if (instance == null)
            {
                instance = new ChildFrmManager();
            }

return instance;
}

public void DoAddPersons()
        {
            for (int i = 0; i < 20; i++)
            {
                PersonModel model = new PersonModel();

model.PersonIndex = i + 1;

model.PersonID = System.Guid.NewGuid().ToString();

model.PersonName = "测试" + i;

model.PersonAge = 27 + i;

model.PersonSex = i % 2 == 0 ? "男" : "女";

model.PersonSelected = false;

this.PersonCollect.Add(model);
            }
        }
    }

绑定的页面前端

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChildFrm.aspx.cs" Inherits="ASPNetGridView.Pages.ChildFrm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

</asp:GridView>
</div>
</form>
</body>
</html>

绑定页面后台

代码如下:

public partial class ChildFrm : System.Web.UI.Page
{
private ChildFrmManager dManager = null;

protected PersonModel selectItem = null;

protected void Page_Load(object sender, EventArgs e)
{
dManager = ChildFrmManager.DoGetInstance();

if (!IsPostBack)
{
dManager.DoAddPersons();

this.dgPersons.DataSource = dManager.PersonCollect;

this.dgPersons.DataBind();
}
}

protected void Selcted_Click(object sender, EventArgs e)
{
int selectIndex = this.dgPersons.SelectedIndex;

foreach (PersonModel mitem in dManager.PersonCollect)
            {
                if (mitem.PersonIndex - 1 == selectIndex)
                {
                    mitem.PersonSelected = true;
                }
                else
                {
                    mitem.PersonSelected = false;
                }
            }

selectItem = dManager.PersonCollect[selectIndex];

string vbCrLf = " ";

string strScript = "<script>" + vbCrLf;

strScript += "window.parent.returnValue='" + selectItem.PersonName + "';" + vbCrLf;

strScript += "window.parent.close();" + vbCrLf;

strScript += "</script>" + vbCrLf;

if (!IsClientScriptBlockRegistered("clientScript"))
            {
                RegisterClientScriptBlock("clientScript", strScript);
            }
        }
    }

承载绑定页面的页面

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FrameFrm.aspx.cs" Inherits="ASPNetGridView.Pages.FrameFrm" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

主页面，获取返回值的js在前端

代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="ASPNetGridView._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<td>
                  <asp:TextBox ID="txtShowReturnValue" runat="server" Width="100px" />
                  </td>
                  <td>
                  <asp:Button ID="btnOpenNewFrm" runat="server" Text="选择" Width="60px" OnClientClick="OpenNewWindow()"/>
                  </td>
              </tr>
            </table>
        </form>
    </div>
</body>
<script type ='text/javascript'>
    function OpenNewWindow() {

var str = window.showModalDialog('Pages/FrameFrm.aspx', document.Form1.txtShowReturnValue.value, 'dialogWidth=1000px;dialogHeight=900px', 'scroll:yes');

if (str != null)
{ document.Form1.txtShowReturnValue.value = str; }
}
</script>
</html>

代码下载

ASP.NET中的DataGridView绑定数据和选中行删除功能具体实例

首现我们拖入一个DataGridView控件到.aspx页面中,然后绑定你需要显示的列,具体代码如下. 复制代码代码如下: <asp:GridView ID="gvDepartList" runat="server" AutoGenerateColumns="False" Height="108px" Width="600px" OnRowDeleting="gvDep
asp.net gridview分页：第一页下一页 1 2 3 4 上一页最末页

效果图: 功能简介:可使用上下键选中行,选中后点击修改,textbox获得gridview中的代码的数据.对你有帮助的话,请记得要点击"好文要顶"哦!!!不懂的,请留言.废话不多说了,贴码如下: <head runat="server"> <title>GridView分頁</title> <script type="text/javascript"> var currentRowId = 0; v
ASP.NET使用gridview获取当前行的索引值

在用GridView控件时,我们经常会碰到获取当前行的索引,通过索引进行许多操作.例如,可以获得当前行某一个控件元素:设置某一元素的值等等.下面结合实例介绍几种获得GridView当前行索引值的方法. 实例: ① 目的:获取GridView中RowCommand的当前索引行. ② 前台页面:在GridView中添加一模版列,里面添加一个LinkButton控件. 代码: <asp:TemplateField HeaderText="操作"> <ItemTemplate
如何用jQuery实现ASP.NET GridView折叠伸展效果

今天做静态页面时有一个需求,就是页面上有一组两个选项的单选按钮和一个有6行的列表(该列表用Table标签实现,不是DIV),当选择单选按钮的选项一时,列表的前三条信息显示后三条信息隐藏,当选择单选按钮的选项二时,列表的前三条信息隐藏后三条信息显示.那么就牵扯出我们今天的话题拉,如何实现呢?实现后该实现还能应用到哪些场景? 1.第一反应的解决方案碰到这个需求后,我第一反应就是很简单啊,分别用两个DIV将前三个Table中的TR标签与后三个TR标签包起来,然后通过JS控制DIV的显示. 第一步:使
ASP.NET中为GridView添加删除提示框的方法

本文实例讲述了ASP.NET中为GridView添加删除提示框的方法.分享给大家供大家参考.具体分析如下: 在GridView中我们可以直接添加一个CommandField删除列来删除某行信息.但为了避免误操作引起的误删除,在删除操作者让操作者再确认下,完后再进行删除. 首先我们给我们的GridView 添加一个模板列,如下: 以下是引用片段: <ASP:TemplateField HeaderText="Delete" ShowHeader="False"&
asp.net中的GridView分页问题

本文实例讲述了asp.net中的GridView分页问题.分享给大家供大家参考.具体分析如下: 在ASP.NET中,经常会使用到GridView的分页,一般情况下,若使用Visual Studio自带的数据源控件,不会出现什么问题. 但是如果自己用代码设置GridView的数据源,GridView中第一页显示正常,这时如果点击第二页,则经常会出现如下错误提示:GridView"GridView_test"激发了未处理的事件"PageIndexChanging".
asp.net读取excel中的数据并绑定在gridview

前台label,DropDownList,gridview控件 aspx.cs核心代码: 复制代码代码如下: using System.Data.OleDb;//需要引入命名 public void Excel_Click(object sender, EventArgs e) { if (this.AttachmentFile.Value == "" && this.Label1.Text == "" && DropDownLis
asp.net遍历文件夹下所有子文件夹并绑定到gridview上的方法

遍历文件夹下所有子文件夹,并且遍历配置文件某一节点中所有key,value并且绑定到GridView上 Helper app_Helper = new Helper(); DataSet ds = new DataSet(); DataTable dt = new DataTable(); protected void Page_Load(object sender, EventArgs e) { gvwBind(); } #region 绑定GridView /// <summary> //
asp.net gridview列宽固定的几种方法介绍

1.在编辑列里面,直接就有设置列宽度的!如果你不想单元格的内容把单元格撑大,那么就加一个样式<style>table{table-layout:fixed}</style>,意思就是每列都固定为最初设置的样式,不再变化,超出的部分隐藏 2.可以设置gridview中编辑列下面的某一列的属性<HeaderStyle Width="8%"></HeaderStyle>,这样可以得到按屏幕的百分之多少显示 3.你这个肯定是设置了gridview
asp.net中GridView数据鼠标移入显示提示信息

问题提出: 在asp.net开发中,如果有这样的一个需求,如果在列表控件,如GridView中的某列中显示的是一个计算公式得出的值,那么需求来了,鼠标移入该数字,显示该数字的计算公式和过程,如何做? 解决方案分析: 常规可以使用控件的title属性来显示提示信息,但是显示信息的样式不美观.接下来我们可以使用这样的一个解决方案,其显示效果如下图所示: 详细实现步骤: 1.下载弹出提示框相关js文件包,下载地址:http://download.csdn.net/detail/taomanman/90
ASP.NET使用GridView导出Excel实现方法

本文实例讲述了ASP.NET使用GridView导出Excel实现方法.分享给大家供大家参考.具体实现方法如下: 复制代码代码如下: /// <summary> /// 将DataTable数据导出到EXCEL,调用该方法后自动返回可下载的文件流 /// </summary> /// <param name="dtData">要导出的数据源</param> public static void DataTable1Excel(S
ASP.NET4 GridView的四种排序样式详解

与ASP.NET 的其他Web控件一能够,Gridview控件拥有很多不同的CSS样式属性设置,包括象CssClass,Font字体,ForeColor,BackColor,BackColor, Width, Height等等.Gridview还包括了一些应用在表格的行上的样式属性,比如RowStyle, AlternatingRowStyle, HeaderStyle,和PagerStyle,它们都提供了象CssClass和Font这些基本的属性设置. 在 ASP.NET 4.0中的Gridv

ASP.NET―001:GridView绑定List、页面返回值具体实现

相关推荐

随机推荐