给datagrid的按钮列添加css

2016-02-19 13:08 34 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享给datagrid的按钮列添加css,希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发 】

今天改界面,发现datagrid可以用cssclass设置css风格,但是按钮列没有cssclass属性。忙活了半天,发现只能用程序设置按钮列属性。
设置方法如下(C#版本)
为datagrid添加ItemCreat事件,在ItemCreat事件里面添加如下代码

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)


private void dgBoxList_ItemCreated(object sender, System.Web.UI.WebControls.DataGridItemEventArgs e)
        {
            if(e.Item.ItemType== ListItemType.Item  ||    e.Item.ItemType == ListItemType.AlternatingItem )
            {
                Button    myButton=(Button)e.Item.Cells[2].Controls[0];
                //Cells[i].Controls[j] i为你的按钮列在datagrid的第几行,从0开始的,
                //比如你的按钮列是第三行,则i为2,Controls[j],j为该列的第几个控件,默认一般是0。
                  myButton.CssClass = "button" ;//这里设置你为该按钮准备好的css
           
            }
       
       

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

        }

来源:http://www.tulaoshi.com/n/20160219/1603075.html

延伸阅读
标签: Web开发
三列等高CSS布局的一个实例, 修改国外的一个demo, 兼容到了IE5.5+ 和标准的浏览器Opera Firefox Safari。 不过hack太多,不是很喜欢这样做。 全部代码如下: ?xml version="1.0" encoding="gb2312"? !DOCTYPE html PUBLIC "-//W3C//DTD XHTML&...
标签: Web开发
导言:本文一步一步手把手教你打造一个极酷的三层分离的标准滑动门导航菜单,从思路、原理、步骤,手段可谓无所不用其极,即便你是菜鸟,相信你看了本文后,也能打造出属于自己的超级漂亮的标准导航菜单。本菜单无冗余结构,利于数据动态输出,非常适合于用在平常的项目中去。本教程中讲到了基本的滑动门原理,相信对那些还在这条路上摸索...
标签: Web开发
从这件事证明了,我专业知识欠缺很多,还需要持续学习,静下心来吧。  新进的公司,接触新的东西,一切都让我倍感紧张。很久没有接触设计的东西了,突然上手就要做界面,心里还是很忐忑的。 贴一下Card的这个界面。    以前很少使用这类的总宽度自适应100%,两列布局,一列固定,一列自适应的,于是,有点头大。 搜索...
标签: Web开发
一般我们可以使用背景图的方式给图片添加阴影,但对于不固定尺寸的图片如何实现呢?我们可以采取“视觉欺骗大法”——定义渐变边框来实现: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Con...
标签: Web开发
以下是引用片段: var main=document.getElementById("main"); var singlepost=false; var firstpost; var anchor; for(var i=0;imain.childNodes.length;i++) {   if(main.childNodes[i].className&&main.childNodes[i].className=="post")   {     var post=main.childNodes[i];     if(!f...

经验教程

886

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部