SharePoint 2010 GridView/SPGridView完全应用系统样式
2014-04-28 11:10
344 查看
自定义开发页面如果用到了GridView或SPGridView默认跟列表的样式是不一样的,如要要一样,需要:
1)aspx
2) css
3) js-实现选择效果
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"); } }); });
相关文章推荐
- SharePoint 2010 系统账户没完全控制权限了
- SharePoint 2010 利用JavaScript根据用户使用的语言应用不同的样式
- SharePoint 2010 利用JavaScript根据用户使用的语言应用不同的样式
- SharePoint【学习笔记】-- SharePoint 2010 利用JavaScript根据用户使用的语言应用不同的样式
- 如何在SharePoint Server中整合其他应用系统?
- SharePoint 轻量化应用之HR招聘系统之复试面谈页面设置!
- SharePoint 2010企业应用解决方案
- Android应用开发——系统自带样式Android:theme
- SharePoint 2010中的客户端AJAX应用——ASP.NET AJAX模板
- 在SharePoint 2010系统中安装RBS FILESTREAM Provider
- 在SharePoint 2010系统中安装RBS FILESTREAM Provider 推荐
- Sharepoint 2010 控件系统 之 扩展 SaveButton
- Android中使用GridView分页显示系统所安装的应用,支持拖动与手势滑动
- 结合Sharepoint 2010 和Designer 及Infopath 实现快速招聘系统搭建!-Designer定制工作流!
- 如何在SharePoint Server中整合其他应用系统?
- [USACO 2.3.4]货币系统【DP完全背包的简单应用】CSUST 1081
- 从其它系统登录到SharePoint 2010系统的单点登录
- HttpHandler 在SharePoint 2010中的应用(转)
- SharePoint轻量化应用之HR招聘系统之将模板发布到SharePoint表单库及后续测试!
- SharePoint 2010概览(5)——整合应用