Shaikh Nadeeem Ответов: 0

В JavaScript пользовательские подсказки грид не отображается в области просмотра

Я создал пользовательскую всплывающую подсказку для своей radgrid, потому что у меня есть требование отображать 5000 символов во всплывающей подсказке, я выполнил все свои требования, но застрял, когда я наведу курсор мыши на последнюю строку сетки, она отображает всплывающую подсказку под видовым окном, не в состоянии просмотреть полную всплывающую подсказку. пожалуйста, обратитесь ниже к моему коду, пожалуйста, кто-нибудь помогите настроить эти всплывающие подсказки для отображения только в видовом окне:

Что я уже пробовал:

<radG:GridTemplateColumn DataField="Remarks" HeaderText="Update / Remark" UniqueName="UpdateRemarks">
                            <ItemTemplate>
                                <asp:Label ID="lblRemarks" runat="server" CssClass="tooltip" Text='<%#Eval("Remarks")%>'
                                    ToolTip='<%#Eval("FullRemarks")%>' onmouseover="showTooltip(this)"
                                    onmouseout="hideTooltip(this)"></asp:Label>

                            </ItemTemplate>
                            <HeaderStyle Width="200px" />
                            <ItemStyle CssClass="wraptext" />
                        </radG:GridTemplateColumn>


для функций javascript :
function showTooltip(control) {
    var ttext = control.title;
    var tt = document.createElement('SPAN');
    var tnode = document.createTextNode(ttext);
    tt.appendChild(tnode);
    control.parentNode.insertBefore(tt, control.nextSibling);
    tt.className = "tooltipCss";
    control.title = "";
}
function hideTooltip(control) {
    var ttext = control.nextSibling.childNodes[0].nodeValue;
    control.parentNode.removeChild(control.nextSibling);
    control.title = ttext;
}

и для CSS:
 .tooltipCss
{
    position: absolute;
    border: 1px solid gray;
    margin1: 1em;
    padding: 1px;
    background: white;
    font-family: Arial;
    font-weight: normal;
    color: blue;
    font-size: 9px;
    /*width: 400px;
    max-height: 250px;
    overflow-y: scroll;*/
    text-wrap: normal;
    border-radius: 2px 2px 2px 2px;
}

Shaikh Nadeeem

Либо помогите мне, чтобы содержимое всплывающей подсказки отображалось в окне просмотра, либо позвольте этому содержимому прокручиваться.

David_Wimbley

Я думаю, что ваша большая проблема здесь заключается в том, что вы пытаетесь показать роман в подсказке инструмента. Это больше похоже на плохое решение UI/UX, чем на что-либо другое.

Всплывающие подсказки не предназначены для отображения последних новостей new york times, они предназначены для быстрого/содержательного объяснения того, что именно данные, которые вы отображаете, могут нуждаться в кратком/кратком объяснении.

Казалось бы, вам лучше создать свой собственный плагин или сделать сетку типа master/detail, где, когда они нажимают знак плюс, под главной строкой появляется новая строка, отображающая ваши 5000 символов текста.

Shaikh Nadeeem

David_Wimbely спасибо за ваш ответ я знаю, что всплывающие подсказки-это короткое вступление к контенту, но это требование моего клиента, поэтому я должен буду сделать это, попросив вас дать некоторые предложения по отображению в пределах видового экрана или сделать всплывающую подсказку прокручиваемой. заранее спасибо

Karthik_Mahalingam

попробуйте с z index css

Shaikh Nadeeem

с индексом z тоже не работает

0 Ответов