어드민

UpdatePanel 내부에서 jQuery를 사용한 사용자 컨트롤

이것은 질문에 대한 직접적인 대답은 아니지만 여기에서 찾은 답변을 읽음 으로써이 솔루션을 종합했으며 누군가가 유용하다고 생각했습니다.

User Control 내에서 jQuery textarea limiter를 사용하려고했습니다. 사용자 컨트롤이 UpdatePanel 내부에서 실행되기 때문에 까다 로웠으며 콜백에서 바인딩이 손실되었습니다.

이것이 페이지 인 경우 여기에 대한 답변이 직접 적용되었을 것입니다. 그러나 사용자 컨트롤은 헤드 태그에 직접 액세스 할 수 없으며 일부 답변에 따라 UpdatePanel에 직접 액세스 할 수도 없습니다.

이 스크립트 블록을 사용자 컨트롤 마크 업의 맨 위에 올렸습니다. 초기 바인드의 경우 $ (document) .ready를 사용하고 거기에서 prm.add_endRequest를 사용합니다.

<script type="text/javascript">
    function BindControlEvents() {
        //jQuery is wrapped in BindEvents function so it can be re-bound after each callback.
        //Your code would replace the following line:
            $('#<%= TextProtocolDrugInstructions.ClientID %>').limit('100', '#charsLeft_Instructions');
    }

    //Initial bind
    $(document).ready(function () {
        BindControlEvents();
    });

    //Re-bind for callbacks
    var prm = Sys.WebForms.PageRequestManager.getInstance();

    prm.add_endRequest(function() {
        BindControlEvents();
    });

</script>

그래서 .. 누군가 이것이 이것이 효과가 있다는 것을 알고 싶다고 생각했습니다.

답변

$(function() {

    $('div._Foo').live("mouseover", function(e) {
        // Do something exciting
    });

});

<asp:UpdatePanel runat="server" ID="myUpdatePanel">
    <ContentTemplate>

        <script type="text/javascript" language="javascript">
        function pageLoad() {
           $('div._Foo').bind("mouseover", function(e) {
               // Do something exciting
           });
        }
        </script>

    </ContentTemplate>
</asp:UpdatePanel>

function pageLoad() {

  $(document).ready(function(){