SharePoint 2010 GridView/SPGridView完全应用系统样式
2024-10-15 02:04:03
自定义开发页面如果用到了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");
}
});
});
最新文章
- iOS中的一些细节
- [SDOI2013]方程
- 自制C#版3DS文件的解析器并用SharpGL显示3DS模型
- scala vs java 相同点和差异
- php提取淘宝URL中ID的代码
- Jquery UI的datepicker插件使用
- int与Integer
- Xamarin 安装步骤
- eclipse中集成svn maven开发手册---maven编译打包
- Git和Gitlab在使用过程中所遇到的问题
- MySQL最基本的概念梳理
- flex 布局 实现电商网页菜单的多级分类展示
- js调用后台方法
- 一款jq的计时器
- ASP.NET AJAX入门系列(4):使用UpdatePanel控件(一)
- jQuery实用Demo
- 1085. Perfect Sequence (25)-水题
- STM32F10x_RTC秒中断
- 并查集模板 &;&; 带权并查集模板
- Android 对话框的应用1
热门文章
- jQuery 2.0.3 源码分析 样式操作
- ASP.NET MVC5 网站开发实践(二) Member区域 - 全部文章列表
- 【前端攻略】最全面的水平垂直居中方案与flexbox布局
- ASP.NET MVC 6 一些不晓得的写法
- PowerDesigner导出Report通用报表
- 1Z0-053 争议题目解析692
- 1Z0-053 争议题目解析706
- 使用FileSystemWatcher监控文件夹及文件
- Linux中解析json---jq
- 关于WEB Service&;WCF&;WebApi实现身份验证之WebApi篇