ASP.Net MVC:Webgrid注入自动ajax调用相关代码并出现问题

时间:2016-01-13 14:56:18

标签: jquery ajax asp.net-mvc webgrid

我正在使用webgrid ajaxUpdateContainerId,因此会自动将脚本添加到我的页面中,以便进行基于ajax的排序和分页。这是下面的脚本动态地添加到我的页面中。

<script type="text/javascript">
        (function($) {
            $.fn.swhgLoad = function(url, containerId, callback) {
                url = url + (url.indexOf('?') == -1 ? '?' : '&') + '__swhg=' + new Date().getTime();

                $('<div/>').load(url + ' ' + containerId, function(data, status, xhr) {
                    $(containerId).replaceWith($(this).html());
                    if (typeof(callback) === 'function') {
                        callback.apply(this, arguments);
                    }
                });
                return this;
            }

            $(function() {
                $('table[data-swhgajax="true"],span[data-swhgajax="true"]').each(function() {
                    var self = $(this);
                    var containerId = '#' + self.data('swhgcontainer');
                    var callback = getFunction(self.data('swhgcallback'));

                    $(containerId).parent().delegate(containerId + ' a[data-swhglnk="true"]', 'click', function() {
                        $(containerId).swhgLoad($(this).attr('href'), containerId, callback);
                        return false;
                    });
                })
            });

            function getFunction(code, argNames) {
                argNames = argNames || [];
                var fn = window, parts = (code || "").split(".");
                while (fn && parts.length) {
                    fn = fn[parts.shift()];
                }
                if (typeof (fn) === "function") {
                    return fn;
                }
                argNames.push(code);
                return Function.constructor.apply(null, argNames);
            }
        })(jQuery);
        </script>

告诉我当我点击标题和寻呼机中的链接时如何暂停此脚本。

$(document).on('click', '.webgrid-header a, .webgrid-footer a', function () {
    alert('Click on link');
});

我附加了点击事件,其中包含webgrid header和寻呼机中的所有锚点,但由于上面的动态脚本在webgrid中动态添加,因为我选择了webgrid选项ajaxUpdateContainerId: "gridContent"

我希望当用户点击webgrid页眉和页脚中的链接时,将首先运行mu custom js函数,之后将启动ajax调用。所以指导我如何实现这一目标。请指导。

感谢

0 个答案:

没有答案