惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
博客园_首页
Google DeepMind News
Google DeepMind News
博客园 - Franky
The GitHub Blog
The GitHub Blog
GbyAI
GbyAI
有赞技术团队
有赞技术团队
Microsoft Azure Blog
Microsoft Azure Blog
G
Google Developers Blog
Recent Announcements
Recent Announcements
A
About on SuperTechFans
博客园 - 【当耐特】
博客园 - 三生石上(FineUI控件)
酷 壳 – CoolShell
酷 壳 – CoolShell
美团技术团队
罗磊的独立博客
IT之家
IT之家
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
Jina AI
Jina AI
腾讯CDC
P
Proofpoint News Feed
Hugging Face - Blog
Hugging Face - Blog
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com

博客园 - jianyi

SpringBoot - open-in-view 机制分析 w3wp CPU 100%问题解决 ShrePoint 迁移域控 SharePoint online 获取文件版本记录 SharePonit online 列表表单定制 VS2015 ionic 开发环境配置纪要 TFS online build change web.config SharePoint 2016 - 安装QuickFlow2013 EF Migrations error: No connection string named 'MpDb' could be found in the application config file. TFS online 自动部署配置 SharePoint Permission Extension SharePoint暂时禁用事件触发 视图xsl定制之嵌入服务器控件 自定义View字段表头 自定义母版页之列表过滤菜单位置issue fix ListDefinition Tips QuickFlow UI 控件之 NamedFormAttachment QuickFlow-如何通过QFD and ExecuteCode获取其他列表数据 DLL嵌入exe中
SharePoint 2010 GridView/SPGridView完全应用系统样式
jianyi · 2014-04-28 · via 博客园 - jianyi

自定义开发页面如果用到了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");
        }
    });
});