国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > 綜合 > 正文

關于datagrid的幾點簡單應用

2024-07-21 02:22:43
字體：大 中 小
來源：轉載
供稿：網友
  • 本文來源于網頁設計愛好者web開發社區http://www.html.org.cn收集整理，歡迎訪問。
    • 關于datagrid的幾點簡單應用，功能包括radio的單選，checkbox的多選，鼠標移動到行上顏色變深，鏈接傳遞多參數等功能。這里radio和checkbox都使用的是html控件。
            有關checkbox的幾個功能：全部選種、取消選種、沒選中操作的檢測等，這幾個均使用js腳本實現。
        
            運行效果圖： 
                 

            testdatagrid.aspx頁面代碼： 
      1<%@ page language="c#" codebehind="testdatagrid.aspx.cs" autoeventwireup="false" inherits="localhost.fenpage.testdatagrid" %>
      2<!doctype html public "-//w3c//dtd html 4.0 transitional//en" >
      3<html>
      4    <head>
      5        <title></title>
      6        <meta name="generator" content="microsoft visual studio .net 7.1">
      7        <meta name="code_language" content="c#">
      8        <meta name="vs_defaultclientscript" content="javascript">
      9        <meta name="vs_targetschema" content="http://schemas.microsoft.com/intellisense/ie5">
     10        <script language="javascript">
     11        //全部選中
     12        function quanxuan_click()
     13        {
     14            if (document.form1.checkboxname.length){
     15                for (var i=0;i<document.form1.checkboxname.length;i++){
     16                    document.form1.checkboxname[i].checked = true;
     17                }
     18            }else{
     19                document.form1.checkboxname.checked = true;
     20            }
     21        }
     22        
     23        //取消選中
     24        function quxiao_click()
     25        {
     26            if (document.form1.checkboxname.length){
     27                for (var i=0;i<document.form1.checkboxname.length;i++){
     28                    document.form1.checkboxname[i].checked = false;
     29                }
     30            }else{
     31                document.form1.checkboxname.checked = false;
     32            }
     33        }
     34        
     35        ///////////////判斷沒有選中的返回false
     36        function slcno_click()
     37        {
     38            if (document.form1.checkboxname.length){
     39                for (var i=0;i<document.form1.checkboxname.length;i++){
     40                    if(document.form1.checkboxname[i].checked)
     41                    {
     42                        return true;
     43                    }
     44                }
     45            }else{
     46                if(document.form1.checkboxname.checked)
     47                {
     48                    return true;
     49                }
     50            }
     51            alert("請選擇后再操作！");
     52            return false;
     53        }
     54        
     55        //////////////////////////////////////改變行的顏色
     56        if (!objbeforeitem)
     57        {
     58            var objbeforeitem=null;
     59            var objbeforeitembackgroundcolor=null;
     60        }
     61        function itemover(obj)
     62        {
     63            objbeforeitembackgroundcolor=obj.style.backgroundcolor;
     64            obj.style.backgroundcolor="#b9d1f3";                                        
     65            objbeforeitem=obj;
     66        }
     67        
     68        function itemout(obj)
     69        {            
     70            if(objbeforeitem)
     71            {
     72                objbeforeitem.style.backgroundcolor=objbeforeitembackgroundcolor;
     73            }    
     74        }
     75        </script>
     76    </head>
     77    <body ms_positioning="gridlayout">
     78        <form id="form1" method="post" runat="server">
     79            <table>
     80                <tr>
     81                    <td><font face="宋體"><asp:datagrid id="mydatagrid" runat="server" width="550px" allowpaging="true" autogeneratecolumns="false"
     82                                onpageindexchanged="mydatagrid_page" pagesize="10" cellpadding="2" horizontalalign="left" bordercolor="gray"
     83                                font-size="14px" font-names="新宋體">
     84                                <alternatingitemstyle backcolor="#f2f2f2"></alternatingitemstyle>
     85                                <itemstyle wrap="false" horizontalalign="left" height="22px" verticalalign="middle"></itemstyle>
     86                                <headerstyle wrap="false" height="25px" backcolor="#dee6f6"></headerstyle>
     87                                <columns>
     88                                    <asp:boundcolumn visible="false" datafield="id" sortexpression="id" headertext="id"></asp:boundcolumn>
     89                                    <asp:templatecolumn>
     90                                        <headertemplate>
     91                                            選擇
     92                                        </headertemplate>
     93                                        <itemtemplate>
     94                                            <input type=radio name="radioname" value='<%# databinder.eval(container.dataitem, "id")%>'/>
     95                                        </itemtemplate>
     96                                    </asp:templatecolumn>
     97                                    <asp:templatecolumn>
     98                                        <headertemplate>
     99                                            選擇
    100                                        </headertemplate>
    101                                        <itemtemplate>
    102                                            <input type="checkbox" name="checkboxname" value='<%# databinder.eval(container.dataitem, "id")%>'>
    103                                        </itemtemplate>
    104                                    </asp:templatecolumn>
    105                                    <asp:templatecolumn>
    106                                        <headertemplate>
    107                                            模板列
    108                                        </headertemplate>
    109                                        <itemtemplate>
    110                                            <asp:label id="lblid" runat="server" text=''>
    111                                            </asp:label>
    112                                            <a href="abc.aspx?id=<%#databinder.eval(container.dataitem,  "id") %>&name=<%#databinder.eval(container.dataitem,  "name") %>" target="_blank">連接</a>
    113                                        </itemtemplate>
    114                                    </asp:templatecolumn>
    115                                    <asp:hyperlinkcolumn datanavigateurlfield="id" datanavigateurlformatstring="aa.aspx?id={0}" datatextfield="name"
    116                                        sortexpression="name" headertext="姓名" target="_blank">
    117                                    </asp:hyperlinkcolumn>
    118                                    <asp:boundcolumn datafield="card" sortexpression="card" headertext="身份證號" dataformatstring="{0:yyyy-mm-dd hh:mm:ss}"></asp:boundcolumn>
    119                                    <asp:boundcolumn datafield="price" sortexpression="price" headertext="價格"></asp:boundcolumn>
    120                                    <asp:boundcolumn datafield="shijian" sortexpression="shijian" headertext="shijian" dataformatstring="{0:yyyy年mm月dd日}"></asp:boundcolumn>
    121                                </columns>
    122                                <pagerstyle mode="numericpages"></pagerstyle>
    123                            </asp:datagrid></font></td>
    124                </tr>
    125                <tr>
    126                    <td>
    127                        <asp:button id="button1" runat="server" text="radio得到選擇的行"></asp:button>
    128                        <input type="button" value="全部選中" >
    129                        <input type="button" value="取消選中" >
    130                        <asp:button id="button2" runat="server" text="checkbox得到選擇的行"></asp:button>
    131                    </td>
    132                </tr>
    133            </table>
    134        </form>
    135    </body>
    136</html>
    137
            testdatagrid.aspx.cs頁面代碼：
      1using system;
      2using system.collections;
      3using system.componentmodel;
      4using system.data;
      5using system.data.sqlclient;
      6using system.drawing;
      7using system.web;
      8using system.web.sessionstate;
      9using system.web.ui;
     10using system.web.ui.webcontrols;
     11using system.web.ui.htmlcontrols;
     12using system.configuration;
     13
     14namespace localhost.fenpage
     15{
     16    /**//// <summary>
     17    /// testdgradio 的摘要說明。
     18    /// </summary>
     19    public class testdatagrid : system.web.ui.page
     20    {
     21        protected system.web.ui.webcontrols.radiobutton radiobutton1;
     22        protected system.web.ui.webcontrols.button button1;
     23        protected system.web.ui.webcontrols.button button2;
     24        protected system.web.ui.webcontrols.datagrid mydatagrid;
     25    
     26        private void page_load(object sender, system.eventargs e)
     27        {            
     28            if (!ispostback)
     29            {
     30                bindgrid();
     31            }
     32
     33            button2.attributes.add("onclick","return slcno_click();");
     34        }
     35
     36        public void mydatagrid_page(object sender, datagridpagechangedeventargs e)
     37        {
     38            mydatagrid.currentpageindex = e.newpageindex;
     39            bindgrid();
     40        }
     41
     42        private void bindgrid()
     43        {
     44            string strsql="";
     45            dataset ds  = new dataset();
     46            
     47            strsql="select * from testdg";
     48            sqlconnection conn = new  sqlconnection(configurationsettings.appsettings["connstr"]);  
     49            if (conn.state.tostring() == "closed")
     50            {
     51                conn.open();
     52            }
     53            
     54            sqldataadapter da  = new sqldataadapter(strsql, conn);
     55            da.fill(ds, "testdg");
     56            mydatagrid.datasource = ds.tables["testdg"].defaultview;
     57            mydatagrid.databind();
     58            
     59            da.dispose();
     60            if(conn.state.tostring()=="open")
     61            {
     62                conn.close();
     63            }
     64            conn.dispose();
     65        }
     66
     67        private void mydatagrid_itemcreated(object sender, system.web.ui.webcontrols.datagriditemeventargs e)
     68        {
     69            //配合前臺腳本實現鼠標移動到每行上變顏色#region    //配合前臺腳本實現鼠標移動到每行上變顏色
     70            if(e.item.itemindex>=0)
     71            {
     72                e.item.attributes.add("onmouseover","itemover(this)");/**///////在每行上增加腳本處理 onmouseover
     73                e.item.attributes.add("onmouseout","itemout(this)");/**///////在每行上增加腳本處理 onmouseout
     74            }
     75            #endregion
     76        }
     77
     78        web 窗體設計器生成的代碼#region web 窗體設計器生成的代碼
     79        override protected void oninit(eventargs e)
     80        {
     81            //
     82            // codegen: 該調用是 asp.net web 窗體設計器所必需的。
     83            //
     84            initializecomponent();
     85            base.oninit(e);
     86        }
     87        
     88        /**//// <summary>
     89        /// 設計器支持所需的方法 - 不要使用代碼編輯器修改
     90        /// 此方法的內容。
     91        /// </summary>
     92        private void initializecomponent()
     93        {    
     94            this.mydatagrid.itemcreated += new system.web.ui.webcontrols.datagriditemeventhandler(this.mydatagrid_itemcreated);
     95            this.button1.click += new system.eventhandler(this.button1_click);
     96            this.button2.click += new system.eventhandler(this.button2_click);
     97            this.load += new system.eventhandler(this.page_load);
     98
     99        }
    100        #endregion
    101
    102        private void button1_click(object sender, system.eventargs e)
    103        {
    104            page.response.write(page.request.form.get("radioname"));
    105        }
    106
    107        private void button2_click(object sender, system.eventargs e)
    108        {
    109            string str="";
    110            string []ckb=null;
    111
    112            str=page.request.form.get("checkboxname");
    113            ckb=str.split(new char[]{','});
    114
    115            page.response.write("直接在頁面中得到的值為："+str+"<br>");
    116
    117            page.response.write("處理后存放在數組中，如下：<br>");
    118            for(int i=0;i<ckb.length;i++)
    119            {
    120                page.response.write("ckb["+i+"]的值為："+ckb[i]+"<br>");
    121            }
    122        }
    123    }
    124}
    125
            生成數據庫表用到的sql語句：
    create table [dbo].[testdg] (
        [id] [decimal](18, 0) identity (1, 1) not null ,
        [name] [varchar] (50) collate chinese_prc_ci_as null ,
        [card] [varchar] (50) collate chinese_prc_ci_as null ,
        [price] [numeric](18, 2) null ,
        [shijian] [datetime] null 
    ) on [primary]
    go

    alter table [dbo].[testdg] add 
        constraint [df_testdg_shijian] default (getdate()) for [shijian],
        constraint [pk_testdg] primary key  clustered 
        (
            [id]
        )  on [primary] 
    go

    發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表
    主站蜘蛛池模板： 陵水| 湖口县| 余江县| 平定县| 蒲城县| 衢州市| 肇庆市| 和田市| 固始县| 德江县| 库尔勒市| 麦盖提县| 金门县| 南充市| 红河县| 乐至县| 仁寿县| 东阿县| 兴隆县| 中山市| 阿合奇县| 武宣县| 锡林郭勒盟| 长沙市| 河曲县| 西平县| 香港 | 临西县| 余干县| 宜宾县| 元阳县| 双鸭山市| 莱阳市| 常熟市| 青岛市| 将乐县| 铜陵市| 博乐市| 福安市| 仁怀市| 湘潭市|