Question

有没有办法在工具提示中显示网格视图？

Answer 1

在标准工具提示中，但您必须编写自己的工具提示类才能完成此任务。

Answer 2

如果您使用的是jquery，可以使用QTip Plugin执行此操作

Answer 3

我在许多应用程序中使用QTip，但我不确定这是否是最好的解决方案.....如果您正在使用它，那将是一个很大的开销，而且它真的非常简单从头开始做。我将它视为一个简单的选项卡窗格，由Jquery切换，使用$（元素）.show（）使其显示。

以下是这些内容：http://spyrestudios.com/how-to-create-a-sexy-vertical-sliding-panel-using-jquery-and-css3/

顺便说一句，虽然我知道.net有一些网格视图可用，但我很喜欢datatables提供的其他功能。这是我的客户引用的一个JQuery插件，为他们的应用程序增加了真正的价值。

Answer 4

我正在使用VS2010，在VS 2012中，intellisense在Designer页面中显示工具提示选项。

Answer 5

您可以使用ModalPopup来实现它并使用JavaScript动态显示它。请尝试以下示例：

<script type="text/javascript">

    function getTop(e)
    { 
        var offset=e.offsetTop; 
        if(e.offsetParent!=null) offset+=getTop(e.offsetParent);
        return offset; 
    } 
    function getLeft(e)
    { 
        var offset=e.offsetLeft; 
        if(e.offsetParent!=null) offset+=getLeft(e.offsetParent);
        return offset; 
    } 
    function hideModalPopupViaClient()
    {
        var modalPopupBehavior = $find('ModalPopupExtender');
        modalPopupBehavior.hide();
    }
    function showModalPopupViaClient(control,id) {


        $get("inputBox").innerText="You choose the item "+control.innerHTML;

        var modalPopupBehavior = $find('ModalPopupExtender');
        modalPopupBehavior.show();           
        $get(modalPopupBehavior._PopupControlID).style.left=getLeft($get('<%=DataList1.ClientID %>'))+ $get('<%=DataList1.ClientID %>').offsetWidth+"px";
        $get(modalPopupBehavior._PopupControlID).style.top=getTop(control)+"px";            

    }

<body>
<form id="form1" runat="server">

<ajaxToolkit:ToolkitScriptManager runat="Server" ID="ScriptManager1" />
<input id="Hidden1" runat="server" type="hidden" />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>    
    <asp:DataList ID="DataList1" runat="server" DataSourceID="SqlDataSource1" >
    <ItemTemplate>     
        <div style="border-color:Black;border-width:1px;border-style:solid;">
            <asp:Label ID="Label1" Text='<%# Eval("CategoryID") %>' runat="server"></asp:Label>  
            <asp:HyperLink ID="detail" runat="server" onmouseout="hideModalPopupViaClient()" onmouseover="showModalPopupViaClient(this)">'<%# Eval("CategoryID") %>'</asp:HyperLink>
        </div>  
    </ItemTemplate>
    </asp:DataList>        
    </ContentTemplate> 
</asp:UpdatePanel>


<asp:SqlDataSource ID="SqlDataSource1" runat="server"         ConnectionString="<%$ ConnectionStrings:ConnectionString %>"         SelectCommand="SELECT * FROM [Categories]"></asp:SqlDataSource>
    <asp:Button runat="server" ID="showModalPopupClientButton" style="display:none"/>

    <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender" runat="server"             TargetControlID="showModalPopupClientButton"
        PopupControlID="programmaticPopup"             RepositionMode="None" 
        />
    <br />

    <div CssClass="modalPopup" id="programmaticPopup" style="background-color:#EEEEEE;      filter:alpha(opacity=70);opacity:0.7;display:none;width:50px;padding:10px">
        <span id="inputBox" ></span>


       <br />
    </div>

</form>

Answer 6

是的，您可以在ASP.net网格视图中获取工具提示。请参阅以下代码，该代码应包含在GridView1_RowDataBound事件中：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) {
    if (e.Row.RowType == DataControlRowType.Header) {
        for (int i = 0; i < GridView1.Columns.Count; i++) {
            e.Row.Cells[i].ToolTip = GridView1.Columns[i].HeaderText;
        }
    }
}

工具提示中的Gridview

6 个答案: