自定义开发页面如果用到了GridView或SPGridView默认跟列表的样式是不一样的,如要要一样,需要:

1)aspx

<asp:GridView DataKeyNames="ID" runat="server" ID="gvList" AutoGenerateColumns="false"
Width="100%" CssClass="ms-listviewtable" BorderWidth="0" CellPadding="0" CellSpacing="-1"
BorderStyle="None" GridLines="None" OnRowCommand="gvList_RowCommand" OnRowCreated="gvList_RowCreated">
<HeaderStyle CssClass="ms-viewheadertr ms-vhltr" />
<RowStyle CssClass="ms-itmhover" />
<AlternatingRowStyle CssClass="ms-alternating ms-itmhover" />
<Columns>
<asp:BoundField HeaderText="打印机名称" DataField="Name" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2" />
<asp:BoundField HeaderText="备注" DataField="Description" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2" />
<asp:BoundField HeaderText="打印机路径" DataField="Path" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2" />
<asp:BoundField HeaderText="打印机优先级" DataField="Priority" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2" />
<asp:BoundField HeaderText="打印机纸张" DataField="SupportedPageSizes" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2" />
<asp:TemplateField HeaderText="打印机状态" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2">
<ItemTemplate>
<%#BindPrinterStatus(Container.DataItem)%>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="打印机管理" HeaderStyle-CssClass="ms-vh2"
ItemStyle-CssClass="ms-vb2">
<ItemTemplate>
<asp:LinkButton runat="server" ID="btnEdit" Text="编辑" CommandName="edit" CommandArgument='<%#Bind("ID")%>' />
<asp:LinkButton runat="server" ID="btnStop" Text="禁用" CommandName="stop" CommandArgument='<%#Bind("ID")%>' />
<asp:LinkButton runat="server" ID="btnStart" Text="启用" CommandName="start" CommandArgument='<%#Bind("ID")%>' />
</ItemTemplate>
</asp:TemplateField>
</Columns>
<EmptyDataTemplate>
<table width="100%" border="0">
<tbody>
<tr>
<td class="ms-vb" colspan="99">
无查询结果
</td>
</tr>
</tbody>
</table>
</EmptyDataTemplate>
</asp:GridView>

  2) css

 <style>
.ms-listviewtable
{
border-spacing: 0px;
}
</style>

  3) js-实现选择效果

var preFocusedRow = null;
$(function () {
$(".ms-itmhover").click(function () {
if (preFocusedRow != null && preFocusedRow != this) {
$(preFocusedRow).removeClass("s4-itm-selected");
}
preFocusedRow = this;
var trObj = $(this);
if (trObj.hasClass("s4-itm-selected")) {
trObj.removeClass("s4-itm-selected");
} else {
trObj.addClass("s4-itm-selected");
}
});
});

  

最新文章

  1. iOS中的一些细节
  2. [SDOI2013]方程
  3. 自制C#版3DS文件的解析器并用SharpGL显示3DS模型
  4. scala vs java 相同点和差异
  5. php提取淘宝URL中ID的代码
  6. Jquery UI的datepicker插件使用
  7. int与Integer
  8. Xamarin 安装步骤
  9. eclipse中集成svn maven开发手册---maven编译打包
  10. Git和Gitlab在使用过程中所遇到的问题
  11. MySQL最基本的概念梳理
  12. flex 布局 实现电商网页菜单的多级分类展示
  13. js调用后台方法
  14. 一款jq的计时器
  15. ASP.NET AJAX入门系列(4):使用UpdatePanel控件(一)
  16. jQuery实用Demo
  17. 1085. Perfect Sequence (25)-水题
  18. STM32F10x_RTC秒中断
  19. 并查集模板 &amp;&amp; 带权并查集模板
  20. Android 对话框的应用1

热门文章

  1. jQuery 2.0.3 源码分析 样式操作
  2. ASP.NET MVC5 网站开发实践(二) Member区域 - 全部文章列表
  3. 【前端攻略】最全面的水平垂直居中方案与flexbox布局
  4. ASP.NET MVC 6 一些不晓得的写法
  5. PowerDesigner导出Report通用报表
  6. 1Z0-053 争议题目解析692
  7. 1Z0-053 争议题目解析706
  8. 使用FileSystemWatcher监控文件夹及文件
  9. Linux中解析json---jq
  10. 关于WEB Service&amp;WCF&amp;WebApi实现身份验证之WebApi篇