Блог

У меня есть ASP.NET кнопка управления ссылкой в моей форме. Я хотел бы использовать его для javascript на стороне клиента и запретить его отправку обратно на сервер. (Я хотел бы использовать элемент управления linkbutton, чтобы в некоторых случаях я мог снять с него кожу и отключить его, поэтому прямой тег не является предпочтительным).

Как я могу предотвратить его отправку обратно на сервер?

Код ASPX:

 <asp:LinkButton ID="someID" runat="server" Text="clicky"></asp:LinkButton>
 

Код за:

 public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        someID.Attributes.Add("onClick", "return false;");
    }
}
 

То, что отображается как HTML, является:

 <a onclick="return false;" id="someID" href="javascript:__doPostBack('someID','')">clicky</a>
 

В этом случае происходит то, что функция onclick становится вашим валидатором. Если значение равно false, ссылка «href» не выполняется; однако, если оно равно true, ссылка будет выполнена. Это исключает ваш обратный пост.

Это может показаться бесполезным ответом … Но почему вы используете кнопку ссылки для чего-то чисто клиентского? Используйте стандартный тег привязки HTML и установите его onclick действие в свой Javascript.

Если вам нужен сервер для создания текста этой ссылки, используйте an asp:Label в качестве содержимого между начальным и конечным тегами привязки.

Если вам нужно динамически изменять поведение скрипта на основе кода на стороне сервера, рассмотрите asp:Literal это как метод.

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

Ты тоже можешь это сделать

 ...LinkButton ID="BtnForgotPassword" runat="server" OnClientClick="ChangeText('1');return false"... 

И это останавливает обратную связь по кнопке ссылки

Просто установите href=»#»

 <asp:LinkButton ID="myLink" runat="server" href="#">Click Me</asp:LinkButton>
 

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

Только что прошел через это, правильный способ сделать это-использовать:

1. OnClientClick
2. return false

как в следующем примере строки кода:

 <asp:LinkButton ID="lbtnNext" runat="server" OnClientClick="findAllOccurences(); return false;" />
 

В C# вы бы сделали что-то вроде этого:

 MyButton.Attributes.Add("onclick", "put your javascript here including... return false;");
 

Вместо реализации атрибута:

 public partial class _Default : System.Web.UI.Page{
 protected void Page_Load(object sender, EventArgs e)
 {
    someID.Attributes.Add("onClick", "return false;");
 }}
 

Воспользуйся:

 OnClientClick="return false;"
 

внутри asp:тег LinkButton

Чтобы избежать обновления страницы, если return false она не работает с asp:LinkButton использованием

 href="javascript: void;"
 

или

 href="#"
 

вместе с OnClientClick="return false;"

 <asp:LinkButton ID="linkPrint" runat="server" CausesValidation="False" href="javascript: void;"
        OnClientClick="javascript:self.print();return false;">Print</asp:LinkButton>
 

Выше приведен код, который вызовет печать браузера без обновления страницы.

вызовите функцию java-скрипта при событии onclick.

Вы пробовали использовать OnClientClick это ?

 var myLinkButton = new LinkButton { Text = "Click Here", OnClientClick = "JavaScript: return false;" };

<asp:LinkButton ID="someID" runat="server" Text="clicky" OnClientClick="JavaScript: return false;"></asp:LinkButton>
 

Кое-что еще, что вы можете сделать, если хотите сохранить положение прокрутки, это:

 <asp:LinkButton runat="server" id="someId" href="javascript: void;" Text="Click Me" />
 

Почему бы не использовать пустую панель обновления ajax и не привязать к ней событие щелчка кнопки ссылки? Таким образом, будет обновлена только панель обновления, что позволит избежать обратной передачи и позволит вам запустить javascript

Кажется, никто не делает этого вот так:

 createEventLinkButton.Attributes.Add("onClick", " if (this.innerHTML == 'Please Wait') { return false; } else {  this.innerHTML='Please Wait'; }");
 

Похоже, это единственный работающий способ.

В функции jquery ready вы можете сделать что-то вроде приведенного ниже —

 var hrefcode = $('a[id*=linkbutton]').attr('href').split(':');
var onclickcode = "javascript: if`(Condition()) {"   hrefcode[1]   ";}";
$('a[id*=linkbutton]').attr('href', onclickcode);
 

Возможно, вы также захотите, чтобы функция на стороне клиента возвращала значение false.

 <asp:LinkButton runat="server" id="button" Text="Click Me" OnClick="myfunction();return false;" AutoPostBack="false" />
 

Вы также могли бы рассмотреть:

 <span runat="server" id="clickableSpan" onclick="myfunction();" class="clickable">Click Me</span>
 

Я использую класс clickable для установки таких параметров, как указатель, цвет и т. Д., Чтобы его внешний вид был похож на тег привязки, но мне не нужно беспокоиться о том, что он будет отправлен обратно или мне придется выполнить трюк href=»javascript:void(0);».

используйте ссылку html вместо ссылки asp, и вы можете использовать метку между ссылками html для управления на стороне сервера