перезагрузка страницы по клику клиента на странице asp.net

Question

перезагрузка страницы по клику клиента на странице asp.net

1

<asp:Button ID="btnExpand" runat="server" CssClass="btn" Text="Expand" ToolTip="Expand text area to view all text"
            Enabled="true" OnClientClick="return false;"/>
<asp:Button ID="btnShrink" runat="server" CssClass="btn" Text="Shrink" ToolTip="Shrink text area to original size"
            Enabled="false" />
<script type="text/javascript">                     
    document.getElementById('<%= this.btnExpand.ClientID %>').addEventListener("click", function () {
        if (document.getElementById('<%= this.txtTextArea.ClientID %>').clientHeight < document.getElementById('<%= this.txtTextArea.ClientID %>').scrollHeight) {
            document.getElementById('<%= this.txtTextArea.ClientID %>').style.height = document.getElementById('<%= this.txtTextArea.ClientID %>').scrollHeight+ "px";
            document.getElementById('<%= this.btnShrink.ClientID %>').disabled = false;
            document.getElementById('<%= this.btnExpand.ClientID %>').disabled = true; 
        }
        return false;
    });
    document.getElementById('<%= this.btnShrink.ClientID %>').addEventListener("click", function () {
        document.getElementById('<%= this.txtTextArea.ClientID %>').style.height = '80px';
        document.getElementById('<%= this.btnShrink.ClientID %>').disabled = true;
        document.getElementById('<%= this.btnExpand.ClientID %>').disabled = false;
        return false;
    });

страница перезагружается при нажатой кнопке усадки в IE, но работает отлично в Chrome

Vamshi 27 окт. 2017, в 15:08

Источник

0

Вы можете добавить свою HTML-разметку для сокращения Btn?
Sean T 27 окт. 2017, в 12:55
0

<asp: Button ID = "btnExpand" runat = "server" CssClass = "btn" Text = "Expand" ToolTip = "Развернуть текстовую область, чтобы просмотреть весь текст" Enabled = "true" OnClientClick = "return false;" /> < asp: Button ID = "btnShrink" runat = "server" CssClass = "btn" Text = "Shrink" ToolTip = "Сократить текстовую область до исходного размера" Enabled = "false" />
Vamshi 27 окт. 2017, в 12:56
0

у вас OnClientClick = "return false;" для btnExpand, но не для "btnShrink"
Sean T 27 окт. 2017, в 12:57

Показать ещё 1 комментарий

Теги:

javascript

asp.net

1 ответ

Ещё вопросы

Вы можете добавить свою HTML-разметку для сокращения Btn?
<asp: Button ID = "btnExpand" runat = "server" CssClass = "btn" Text = "Expand" ToolTip = "Развернуть текстовую область, чтобы просмотреть весь текст" Enabled = "true" OnClientClick = "return false;" /> < asp: Button ID = "btnShrink" runat = "server" CssClass = "btn" Text = "Shrink" ToolTip = "Сократить текстовую область до исходного размера" Enabled = "false" />
у вас OnClientClick = "return false;" для btnExpand, но не для "btnShrink"

Sean T · Answer 1 · 2017-10-27T10-52-00.000Z

Я бы рискнул предположить, что вам нужно изменить:

 <asp:Button ID="btnShrink" runat="server" CssClass="btn" Text="Shrink" 
 ToolTip="Shrink text area to original size" Enabled="false" />

Для того, чтобы:

 <asp:Button ID="btnShrink" runat="server" CssClass="btn" Text="Shrink" 
ToolTip="Shrink text area to original size" Enabled="false" 
OnClientClick="return false;" />

РЕДАКТИРОВАТЬ:

Попробуйте изменить свою разметку на это:

<input type="button" runat="server" class="btn" title="Shrink text area to original size" onclick="return false;"/>

Я уже пробовал это для "btnShrink", но страница все еще перезагружается ..
Если вам не нужна кнопка для отправки сообщений назад, нет необходимости делать ее серверным элементом управления (кнопка asp:) - используйте вместо этого элемент управления вводом