`
izuoyan
  • 浏览: 9223103 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

DataGrid实现增删(带提示)改和分页

阅读更多
<%@Pagelanguage="c#"Codebehind="WebForm5.aspx.cs"AutoEventWireup="false"Inherits="csdn.WebForm5"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<title>WebForm5</title>
<metacontent="MicrosoftVisualStudio.NET7.1"name="GENERATOR">
<metacontent="C#"name="CODE_LANGUAGE">
<metacontent="JavaScript"name="vs_defaultClientScript">
<metacontent="http://schemas.microsoft.com/intellisense/ie5"name="vs_targetSchema">
</HEAD>
<body>
<formid="Form1"method="post"runat="server">
<inputtype="hidden"id="rd"runat="server"name="rd">
<asp:textboxid="TextBox1"runat="server"Width="88px"></asp:textbox>
<asp:TextBoxid="TextBox2"runat="server"Width="40px"></asp:TextBox>
<asp:Buttonid="Button1"runat="server"Text="添加"></asp:Button>
<asp:TextBoxid="TextBox3"runat="server"Width="128px"></asp:TextBox>
<asp:Buttonid="Button2"runat="server"Text="筛选"></asp:Button>
<asp:Buttonid="Button3"runat="server"Text="下载"></asp:Button>
<asp:DataGridID="DataGrid1"runat="server"AutoGenerateColumns="False"DataKeyField="ID"AllowPaging="True"
PageSize
="20"OnEditCommand="edit"OnCancelCommand="cancel"OnUpdateCommand="update">
<columns>
<asp:TemplateColumnHeaderText="多选">
<itemtemplate>
<inputtype="hidden"id="SelectedID"runat="server"
value
='<%#Container.ItemIndex%>'name="SelectedID"/>
<asp:CheckBoxID="chkExport"runat="server"/>
</itemtemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="单选">
<itemtemplate>
<%#Container.ItemIndex+1%>
<inputtype=radioname="rad"value='<%#Container.ItemIndex+1%>'>
</itemtemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="姓名">
<itemtemplate>
<%#myfunc(DataBinder.Eval(Container.DataItem,"vName"))%>
</itemtemplate>
<edititemtemplate>
<asp:TextBoxID="name"runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"vName")%>'Width="88px"></asp:TextBox>
</edititemtemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="年龄">
<itemtemplate>
<%#DataBinder.Eval(Container.DataItem,"iAge")%>
</itemtemplate>
<edititemtemplate>
<asp:TextBoxID="age"runat="server"Text='<%#DataBinder.Eval(Container.DataItem,"iAge")%>'Width="40px"></asp:TextBox>
</edititemtemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="打开">
<itemtemplate>
<asp:HyperLinkText="打开"NavigateUrl='<%#"newpage.aspx?name="+DataBinder.Eval(Container.DataItem,"vname")+"&age="+DataBinder.Eval(Container.DataItem,"iage")%>'runat="server"Target="_blank"></asp:HyperLink>
</itemtemplate>
</asp:TemplateColumn>
<asp:TemplateColumnHeaderText="打开">
<itemtemplate>
<asp:HyperLinkText="打开"NavigateUrl='<%#myfunc2(DataBinder.Eval(Container.DataItem,"vName"),DataBinder.Eval(Container.DataItem,"iAge"))%>'runat="server"Target="_blank"ID="Hyperlink1"></asp:HyperLink>
</itemtemplate>
</asp:TemplateColumn>
<asp:EditCommandColumnButtonType="LinkButton"UpdateText="更新"CancelText="取消"EditText="编辑"></asp:EditCommandColumn>
<asp:ButtonColumnText="删除"CommandName="del"></asp:ButtonColumn>
</columns>
<pagerstyleMode="NumericPages"></pagerstyle>
</asp:DataGrid>
<asp:Labelid="Label1"runat="server"></asp:Label>
<asp:ButtonID="button4"runat="server"Text="单选结果"></asp:Button>
<asp:Buttonid="Button5"runat="server"Text="多选结果"></asp:Button>
<asp:Buttonid="Button6"runat="server"Text="选中所有"></asp:Button>
<asp:Buttonid="Button7"runat="server"Text="取消所有"></asp:Button></form>
<p>&nbsp;</p>
<p>&nbsp;</p>
</body>
</HTML>
后台代码:
//C#Document
usingSystem;
usingSystem.Collections;
usingSystem.ComponentModel;
usingSystem.Data;
usingSystem.Data.SqlClient;
usingSystem.Drawing;
usingSystem.Web;
usingSystem.Web.SessionState;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.HtmlControls;usingSystem.IO;

namespacecsdn
{
/**//**//**////<summary>
///WebForm5的摘要说明。
///</summary>

publicclassWebForm5:System.Web.UI.Page
{
protectedSystem.Web.UI.WebControls.TextBoxTextBox1;
protectedSystem.Web.UI.WebControls.TextBoxTextBox2;
protectedSystem.Web.UI.WebControls.ButtonButton1;
protectedSystem.Web.UI.WebControls.TextBoxTextBox3;
protectedSystem.Web.UI.WebControls.ButtonButton2;
protectedSystem.Web.UI.WebControls.ButtonButton3;
protectedSystem.Web.UI.WebControls.LabelLabel1;
protectedSystem.Web.UI.HtmlControls.HtmlInputHiddenrd;
protectedSystem.Web.UI.WebControls.Buttonbutton4;
protectedSystem.Web.UI.WebControls.ButtonButton5;
protectedSystem.Web.UI.WebControls.ButtonButton6;
protectedSystem.Web.UI.WebControls.DataGridDataGrid1;
protectedSystem.Web.UI.WebControls.ButtonButton7;

privatevoidPage_Load(objectsender,System.EventArgse)
{

stringjs="";
js
+="<script>\r\n";
js
+="functionld(){\r\n";
js
+="for(i=0;i<document.getElementsByName('rad').length;i++)\r\n";
js
+="if(document.getElementsByName('rad')[i].value==";
js
+="document.getElementById('rd').value)";
js
+="document.getElementsByName('rad')[i].checked=true\r\n";
js
+="}\r\n";
js
+="window.onload=ld\r\n";
js
+="</script>\r\n";
this.RegisterClientScriptBlock("js",js);

if(!IsPostBack)
{
SetBind();
}


}


protectedvoidSetBind()
{

SqlConnectionconn
=newSqlConnection(System.Configuration.ConfigurationSettings.AppSettings["conn"]);
SqlDataAdapterda
=newSqlDataAdapter("select*fromtb1",conn);
DataSetds
=newDataSet();
da.Fill(ds,
"table1");
this.DataGrid1.DataSource=ds.Tables["table1"];
this.DataGrid1.DataBind();
this.Label1.Text=ds.Tables["table1"].Compute("avg(iAge)","iAge>20").ToString();
}


protectedcolor: #00000
分享到:
评论

相关推荐

    GWT DEMO 增删改查

    这个DEMO是针对GWT的增删改查功能的一个实例,非常适合初学者进行学习和实践。 在Web应用开发中,增删改查(CRUD,Create、Read、Update、Delete)是最基本的操作,几乎所有的数据管理界面都会涉及到这些功能。GWT...

    datagrid的增删改

    同时,通过添加分页和排序功能,可以使数据管理更加高效。 总的来说,实现`datagrid`的增删改功能涉及到前端界面设计、后端数据处理、事件响应和用户交互等多个方面。通过`MikeCat_DataGrid_ADM.aspx`和`.cs`文件,...

    silverlight4 DataGrid控件 增删改 全选

    在实际应用中,你可能还需要处理更多细节,比如数据验证、错误提示、分页和排序等。同时,为了提升用户体验,可以使用样式和模板来自定义DataGrid的外观和行为。通过熟练掌握这些技巧,你可以创建出高效、直观的用户...

    easyui分页增删改

    在"easyui分页增删改"这个主题中,我们将深入探讨如何利用EasyUI实现数据的分页显示、添加、删除和修改等功能。 一、EasyUI 分页展示 EasyUI 提供了 `datagrid` 组件来展示表格数据,并且支持分页功能。通过设置 `...

    easyui datagird增删改分页例子

    标题 "easyui datagird增删改分页例子" 提示我们这个压缩包包含一个使用EasyUI DataGrid实现数据操作和分页功能的示例。EasyUI是一个基于jQuery的前端框架,DataGrid是其组件之一,常用于展示表格数据并支持用户交互...

    为DataGrid添加确认删除的对话框

    在Web开发中,经常需要处理用户界面的各种交互操作,其中就包括对数据进行增删改查。在ASP.NET Web Forms中,DataGrid是一个非常常用的控件,用于展示和编辑数据。为了提高用户体验,通常会在删除操作前弹出一个确认...

    Phpstorm + easyui 增删改实现

    在数据操作方面,EasyUI与后端进行交互,通常采用Ajax技术,实现了页面无刷新的数据增删改查。 **实现步骤** 1. **环境准备**: - 安装Phpstorm,配置好PHP解释器及所需的扩展。 - 在项目中引入EasyUI库,可以...

    WikEasyUI管理信息系统

    系统采用jquery easyui 里面的datagrid进行增删改查绑定数据! 增加信息:实现验证不为空,邮箱格式验证; 删除信息:实现对选中删除信息进行判断,全选删除,删除成功信息等功能! 修改信息:对编辑用户进行...

    第32章 DataGrid(数据表格)组件[7]1

    在后台交互过程中,DataGrid提供了多种方法和属性,使得数据的增删改查操作变得简单易行。 1. 后台交互方法: - `loadparam`: 这个方法用于加载和显示DataGrid的第一页数据,即刷新当前页。通常在初始化或需要更新...

    ExtJs DataGridView控件实例

    综上所述,"ExtJs DataGridView控件实例"涵盖了ExtJs的Grid组件使用,与AJAX、WCF服务和Linq的集成,以及各种功能的实现,包括分页、排序、提示、以及增删改查操作。这个实例为开发者提供了丰富的参考,帮助他们更好...

    【计算机软件毕业设计】汽车销售管理系统的设计与实现--客户管理模块.doc

    通过使用JAVA编程语言,可以构建稳定且可扩展的后端逻辑,处理客户信息的增删改查操作。Spring MVC框架使得业务逻辑与视图层解耦,提高了代码的可维护性。MyBatis则简化了数据库交互,让开发者能够灵活地编写SQL语句...

    JQuery-EasyUI+Asp.net Demo code

    1. **数据绑定**:在ASP.NET中,可以通过GridView、ListView等控件来展示数据,配合jQuery EasyUI的datagrid组件,可以实现动态加载和分页,提高用户体验。 2. **异步处理**:ASP.NET的ASHX(HttpHandler)接口可...

    jQuery EasyUI 1.2.4API

    5. **Form**:Form 组件可以用于收集和提交数据,支持各种表单元素,如文本框、下拉框、复选框等,并且可以与 DataGrid 配合实现增删改查功能。 6. **Layout**:Layout 用于创建复杂的页面布局,它可以将页面分割为...

    jQuery EasyUI 1.5API 中文版

    可以与 DataGrid 配合,实现增删改查功能。 4. 菜单(Menu):提供下拉或悬浮菜单,方便用户导航和操作。 5. 树形视图(Tree):展示层级结构数据,支持展开、折叠、选择等操作。 6. 按钮(Button):包括普通按钮、...

    jquery-easyui-1.3.2 api和demo

    2. **表单(Form)**:用于展示和编辑数据,支持各种输入控件,如文本框、下拉框、复选框等,且与数据网格(DataGrid)配合使用,可实现数据的增删改查。 3. **数据网格(DataGrid)**:一个可排序、分页、过滤的...

    EasyUI API 1.3 中文

    它支持分页、排序、过滤、编辑等功能,并能与后台数据库进行交互,实现数据的增删改查。 3. **表单(Form)**:EasyUI 的表单组件能够方便地创建和验证用户输入。它可以与 Datagrid 配合,实现数据的双向绑定,使得...

    Jquery_EasyUI教程

    - **动态改变DataGrid列**:根据需要动态增删列。 - **格式化DataGrid列**:对列中的数据进行格式化,如日期、货币等。 - **添加排序到DataGrid**:允许用户通过点击列头来排序数据。 - **在DataGrid上的复选框*...

    jeecgUI标签文档

    这些标签使得对数据列表的增删改查操作变得简洁高效。 5. MutiLang(国际化标签) MutiLang标签用于实现多语言支持,使得开发的应用能够支持多国语言。通过MutiLang标签,开发者可以轻松地添加和切换不同语言版本,...

    JQuery-esqyUI中文-1.2.4API chm格式

    5. **数据操作**:组件内部提供了增删改查的方法,如`datagrid('insertRow')`、`datagrid('deleteRow')`。 **五、使用技巧** 1. **CSS覆写**:通过定义自己的CSS样式,可以个性化调整组件外观。 2. **异步加载**:...

    jquery-easyui

    DataGrid 可以直接与后台数据库进行交互,实现数据的增删改查。 4. **菜单(Menu)**:用于创建多级下拉菜单,支持鼠标悬停效果,使得网站导航更加直观。 5. **树形视图(Tree)**:用于展示层级关系的数据,如...

Global site tag (gtag.js) - Google Analytics