对数据库查询时，如果对数据库某些字段进行了转换处理，比如用了ISNULL，CONVERT,COST等函数后，会让查询出来的该字段的字段名与数据库中不一致，或着是空，或着是某个SQL SERVER自定义的名字。这一改变在纯查询的情况下不容易被发现，因为程序一般不会有什么异常反映。但是如果试图用原字段名来操作查询结果中的该字段，就会发生找不到该字段的错误。解决办法很简单，就是在查询中对字段进行了函数操作的后面使用‘AS 原字段名’的方式来保持字段名。

例如：SELECT ISNULL(custornumber, 0) AS custornumber

2.注意自动折行

在页面显示中，如果某个网格中有出现大量字符串数据的可能性，就一定要对此网格做换行处理，同时将网格宽度设为某一定值。否则出现大量字符串数据的情况时，页面往往被撑的变形而失去美观。

解决的办法即在标签的style中设定 word-wrap:break-word;

3.String.Format (String, Object) 的使用

在使用String.Format (String, Object)时，虽然第二个参数是Object类型，但是当第二个参数为字符串时，格式字符串的操作会失效。所以，具体这个Object应该是什么类型，需要与前面的字符串格式来对应判断。

例如，可以用string.Format("{0:N0}", 9999);来获取到”9,999”的效果，但是用string.Format("{0:N0}", “9999”);却得到的还是”9999”。

4.GrideView排序

用GrideView展现列表并实现针对某一字段排序时，排序动作需要在数据源上进行操作，这是因为GridView只提供了排序接口，确没有实现排序动作，需要自己实现才行。

5.实下拉列表空选项

用JavaScript在初始化时，动态的为页面上的下拉列表控件添加下拉项，并设SelectedIndex=-1，会实现下拉列表空选的效果，不过一但选择任何一条下拉项，就失去空选状态了。

</script>

6.实现单线表格的另一种办法。

除了传统的实现单线表格外，还有另一种通过样式表实现单线表格的方法，如下所示：

# table{

border-left-style: none;

border-top-style: none;

}

# td {

border-right-style: none;

border-bottom-style: none;

}

并注意要将table的border值设为1。

这种方法的优点是页面背景色改变后，无需在改动单元格背景色。

7.在按钮文字中换行

可以用符号
将按钮文字进行换行处理，如下所示：

<asp:Button Width="100px" Height="35px" runat="server" Text="個別スカウトの
メッセージを書く" />

其他字符编码可参考文后附表：《ISO Latin-1字符集》

8.弹出式窗体的控制

在很多进行编辑处理的窗体，都采取弹出一个无边框，无菜单和工具条的模态窗口的方式，这时一般会遇到两个问题。一个是弹出窗体后，发现窗体中的内容还是上一次编辑的，没有得到更新。另一个问题是在编辑窗体上提交内容时，一般会弹出一个新窗体，而不是保持弹出窗体状态。解决的办法有两点，一是在页面内置类的开始处用“Response.CacheControl = "no-cache";”来禁用本窗体的缓存功能。二是在页面文件的头部用<base target="_self" />标签来指定提交给自己。这两个设置就可以解决上述的两种问题。

9.不要使用DataList的情况

在对某一数据集进行绑定，并在前台页面中循环显示时，可以用DataList和Repeater来进行绑定，它们都具备循环处理的功能，但是如果把table的行tr标签放在循环中，动态绘制一个表格，就不要使用DataList，因为DataList不能正常绘制表格中最后一行的下边缘，此时建议使用Repeater。

10.实现表格外的操作按钮

在有些情况下，界面显示的表格中，每一行会对应有按钮用于对该行数据进行编辑，删除，浏览等其他动作，有时候，用户需求是将这些按钮置于表格之外。这时的处理办法有两种，一种是将按钮放置于表格外，将其高度和间隔设置为和表格单元格一致，并且设置为底端对齐。这种办法实现起来简单，但是只适用于表格中每行高度不变的情况下。如果表格中的某一行因为显示较长的数据而折行，从而造成这行的高度与其他行不一致，就会发送和表外的按钮错开的情况，不容易对齐。所以好一点的解决办法是将按钮仍放置于表格内，将该按钮周围的表格边线去除，造成按钮在表格之外的感觉，同时也不会因为表格单行高度的变化而出现按钮和对应行对不齐的情况。

控制只显示指定边风格的示例如下：

<td style=" height: 20px;border-bottom: thin 1px #cccccc; border-bottom-style: solid; border-right: thin 1px #cccccc; border-right-style: solid; border-left: thin 1px #cccccc; border-left-style: solid; " >只显示单元格下，右，左的风格设置</td>

11.空白表格单元的表示

通常有些表格是由读取数据库中的数据，动态构造生成的。对于没有数据的内容项，不能用null，string.Empty等返回到前台界面显示，这些值会造成表格中出现没有边框的单元格，也就是一块空白，影响界面美观。而应将其值转换为字符串“ ”才能显示。

12.调试JavaScript的方法

首先，在浏览器里启动脚本调试：在IE里菜单工具->Internet 选项->高级页中，把Disable script debugging (Internet Explorer) 前的勾去掉

然后在 VS 2005 里打开你的项目，把你要调试的网页设置为起始页，然后按F5，然后去 VS 2005 菜单 Debug-> Windows ->Script Explorer，VS 2005就会打开脚本管理器，双击其中某个JS文件，该文件将会在主窗口打开，然后你就可以添加断点调试。

还有一种方法，设置完菜单工具-> Internet选项->高级页里启动脚本调试后，关闭浏览器，重新打开IE，打开想调试的网页，然后去菜单 View->Script Debugger，这里选择一个调试器，一般选一个VS 2005的新实例，然后就可以按常规方法设置断点调试了。

13.在JavaScript中获取整行对象

有时候，我们需要用JavaScript对表格中的某一行设置属性，如果用循环遍历每一个单元格设置，会比较麻烦，这时可以给该行设置一个唯一的ID，通过var obj = document.getElementById(id);来获取，但是不能用event.srcElement来获取，比如点击某个单元格，要改变单元格所在行的整体显示效果，用event.srcElement就只能获取到此单元格对象。所以可以把onclick事件加在TR标签里，用前述方法获取此TR对象。

14.span标签的display属性

有时可以用span来绘制一个区域块，但是经常会遇到给其设置width无效的情况，此时只要将其style中加上display:inline-block;就可以正常设置其width属性了。

15.JavaScript中的大小写

Javascript是区分大小写的，在给某些对象设置属性值时更要注意这个问题。比如，给某个区域设置bgcolor属性值为#00FF00，但是却发现显示没有变化，调试javascript，监视到bgcolor已被正确赋值，但是显示却不正确。原因很简单，应该是bgColor而不是bgcolor，也就是说，如果设置了错误的属性名，javascript是不会报错的，所以这种错误比较隐蔽，需要特别留意。

16.页面右边距的设置

当表格被数据撑的很长时，设置页面右边距会失效，无论设置多大的值，表格右边线会紧紧贴着滚动条，即使在表格后面加底色字符，加空格，都会自动折行，没有办法达到撑开页面的效果，这种情况非常影响美观。解决的办法很简单，可以将这个表格放到一个border=“0”的，只包含一个单元格的表格中，并将Cellspacing值设为右边距值，就可以在原表格右边线和滚动条之间空出一段距离了。

17.window.open的奇怪bug

下面javascript语句错在哪里？

window.open(“sample.html”,”_blank”,top=0,left=0,width=200,height=200);

这条语句的错误很容易被忽视，javascript也能正常执行，但是会出现奇怪的现象，比如把这句话放到某个按钮的onclick事件里，点击后，按钮尺寸会突然变成200*200，而弹出的窗体却是默认大小，根本没有被设置长宽尺寸。错误就在top=0,left=0,width=200,height=200这些表示新窗口特征的属性，应该用一对引号引起来，否则javascript会认为是对产生事件的对象做此设置，所以应该写成 “top=0,left=0,width=200,height=200”

18.repeater控件的嵌套使用

有时候，会将主从表之类的数据，用嵌套的形式，显示在同一个大表中,或者是按某个顺序分类显示，这些都有可能会有repeater的嵌套使用。使用的方法就是在外层repeater控件的OnItemCreated事件中，添加对内层repeater的数据源绑定操作，代码如下例所示：

页面上添加属性：

<asp:Repeater ID="RecruitPlanInfoList" runat="server" OnItemCreated="RecruitPlanInfoCreated">

后台代码方法实现：

protected void RecruitPlanInfoCreated(object sender, RepeaterItemEventArgs e)

{

Repeater detailList = e.Item.FindControl("RecruitPlanInfo") as Repeater;

if (detailList != null)

{

RecruitPlanInfo rpi = e.Item.DataItem as RecruitPlanInfo;

if (rpi != null)

{

detailList.DataSource = rpi.InfoDataTable;

detailList.DataBind();

}

19.动态实现多表头的方法

对于多表头，一般采用静态设置table的方法，但也可以在Grideview控件中动态实现。主要就是在GridView的RowCreated中，对其首行进行修改设置，示例如下：

protected void GridView1_RowCreated(object sender, GridViewRowEventArgs e)

{

if (e.Row.RowType == DataControlRowType.Header)

{

e.Row.Cells.Clear();

Table t = this.GridView1.Controls[0] as Table;

GridViewRow row = new GridViewRow(0, -1, DataControlRowType.Header, DataControlRowState.Normal);

TableCell headerCell = new TableHeaderCell();

headerCell.Text = "1";

headerCell.Width = 100;

headerCell.RowSpan = 2;

row.Cells.Add(headerCell);