Тройные цитаты? Как разделить строковый параметр Javascript с привязкой к данным в ASP.NET? - PullRequest
Новая
       91

Тройные цитаты? Как разделить строковый параметр Javascript с привязкой к данным в ASP.NET?

36 голосов
/ 05 августа 2008

Как разделить строковый параметр с привязкой к данным Javascript в событии привязки OnClick?

  • У меня есть тег привязки в элементе управления повторителя ASP.NET.
  • Событие OnClick привязки содержит вызов функции Javascript.
  • Функция Javascript принимает строку для своего входного параметра.
  • Строковый параметр заполняется значением привязанного к данным из повторителя.

Мне нужны "двойные кавычки" для Container.DataItem.
Мне нужны «одинарные кавычки» для OnClick.

И мне все еще нужно еще один разделитель (тройные кавычки?) Для входного строкового параметра вызова функции Javascript.

Поскольку я не могу снова использовать «одинарные кавычки», как мне убедиться, что функция Javascript знает, что входной параметр является строкой, а не целым числом?

Без лишних кавычек вокруг входного строкового параметра функция Javascript считает, что я передаю целое число.

Якорь: 

<a id="aShowHide" onclick='ToggleDisplay(<%# DataBinder.Eval(Container.DataItem, "JobCode") %>);' >Show/Hide</a>

и вот Javascript: 

<script language="JavaScript" type="text/javascript">
/* Shows/Hides the Jobs Div */
function ToggleDisplay(jobCode)
{
    /* Each div has its ID set dynamically ('d' plus the JobCode) */
    var elem = document.getElementById('d' + jobCode);

    if (elem) 
    {
        if (elem.style.display != 'block') 
        {
            elem.style.display = 'block';
            elem.style.visibility = 'visible';
        } 
        else
        {
            elem.style.display = 'none';
            elem.style.visibility = 'hidden';
        }
    }
}
</script>

Ответы [ 5 ]

27 голосов
/ 05 августа 2008

У меня недавно была похожая проблема, и единственным способом ее решения было использование простых старых HTML-кодов для одинарных (&#39;) и двойных кавычек (&#34;).

Исходный код, конечно, был полным беспорядком, но он работал.

Попробуйте 

<a id="aShowHide" onclick='ToggleDisplay(&#34;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#34;);'>Show/Hide</a>

или 

<a id="aShowHide" onclick='ToggleDisplay(&#39;<%# DataBinder.Eval(Container.DataItem, "JobCode") %>&#39;);'>Show/Hide</a>
5 голосов
/ 28 апреля 2009 
onclick='javascript:ToggleDisplay("<%# DataBinder.Eval(Container.DataItem, "JobCode")%> "); '

Используйте как выше.

2 голосов
/ 05 августа 2008

Без лишних кавычек вокруг параметра входной строки функция Javascript считает, что я передаю целое число.

Можете ли вы сделать какую-нибудь элементарную строковую функцию, чтобы заставить JavaScript преобразовать ее в строку? Нравится 

value = value + ""
0 голосов
/ 12 марта 2009

Передача переменной в функцию без одинарных или двойных кавычек 

<html>
    <head>
    </head>
    <body>
        <script language="javascript">
        function hello(id, bu)
        {
            alert(id+ bu);
        }
        </script>
        <a href ="javascript:
            var x = &#34;12&#34;;
            var y = &#34;fmo&#34;;
            hello(x,y)">test</a>
    </body>
</html>
0 голосов
/ 05 августа 2008

Попробуйте поместить дополнительный текст в блок сценария на стороне сервера и объединить. 

onclick='<%# "ToggleDisplay(""" &  DataBinder.Eval(Container.DataItem, "JobCode") & """);" %>'

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

...