DataGri使用方案.docVIP

在vss“项目安排”中取ngdef.css覆盖本地 “W3Solution\w3site\Resource\css”下的CSS文件。 添加DataGrid控件（列表画面中将grid放在div中，并且div属性如下） div id=Div_Main class=Div_Main style=width: 100%; /div 切换到设计页面，右键选择自动套用格式，选择“雪松”。 3、列设计（在设计页面的Columns添加列并绑定数据），在前台代码列代码中添加如下代码 itemstyle wrap=False horizontalalign=Center width=86px/itemstyle headerstyle wrap=False horizontalalign=Center width=86px /headerstyle Wrap设为false 不允许列头和数据列换行 width设定要能够是列头的文字全部显示 4、列表画面中明细行“修改”、“删除”按钮以及双击的处理 1）、在grid添加第一列，代码如下 asp:TemplateColumn itemstyle width=86px/itemstyle itemtemplate NG:NGButton id=btnUpdate onclick=btnUpdate_Click runat=server Width=38px code=%# DataBinder.Eval(Container, DataItem.C_CODE) % ToolTip=点击进行修改 Text=修改 /NG:NGButton NG:NGButton id=btnDel runat=server Width=38px code=%# DataBinder.Eval(Container, DataItem.C_CODE) % ToolTip=点击进行删除 Text=删除 /NG:NGButton NG:NGButton style=DISPLAY: none id=btnDel1 onclick=btnDel_Click runat=server code=%# DataBinder.Eval(Container, DataItem.C_CODE) % /NG:NGButton NG:NGButton style=DISPLAY: none id=btnDouble onclick=btnDouble_Click runat=server code=%# DataBinder.Eval(Container, DataItem.C_CODE) % /NG:NGButton /itemtemplate headerstyle width=86px / /asp:TemplateColumn 说明：第一个Button为修改按钮，code属性绑定数据行的主键，onclick属性设为后台的点击事件方法名 第二个Button为删除按钮，用来控制弹出询问是否删除消息框 第三个Button为隐藏的删除按钮，用来删除操作，onclick属性设为后台的点击事件方法名 第四个Button为隐藏按钮，用来执行明细行双击查看，onclick属性设为后台的点击事件方法名 2）添加grid的ItemDataBound事件，并在事件中写如下代码 if (e.Item.ItemIndex 0) { return; } NGButton btnDouble = (NGButton)e.Item.Cells[0].FindControl(btnDouble); e.Item.Attributes.Add(OnDblClick, javascript:btnDoubleView( + btnDouble.ClientID + );return false;); //获取删除按钮 NGButton btnDel = (NGButton)e.Item.Cells[0].FindControl(btnDel); NGButton btnDel1 = (NGButton)e.Item.Cells[0].FindControl(btnDel1); //添加删除按钮事件 btnDel.Attributes.Add(onclick, javascript:btnDel_C