使用jquery小部件插件MVC的可重用框架

使用jquery小部件插件MVC的可重用框架,jquery,model-view-controller,plugins,widget,Jquery,Model View Controller,Plugins,Widget,我需要在mvc vb中创建一个可以在所有项目中重用的框架或对象 填写字段数据以进行搜索。然后按按钮1 这将显示一个jquery弹出窗口,显示posibles结果 当我选择结果时,弹出窗口关闭并将结果填充到框架中,然后您可以按按钮2打开另一个弹出窗口以显示人员详细信息(该弹出窗口是另一个局部视图) 问题是,我需要捕获框架上按钮的de事件,我创建了一个包含框架的局部视图,但无法传递单击事件,然后我认为更好的方法是制作一个jquery小部件插件来控制单击回调: $.widget(“mk.Frame”{

我需要在mvc vb中创建一个可以在所有项目中重用的框架或对象

填写字段数据以进行搜索。然后按按钮1 这将显示一个jquery弹出窗口,显示posibles结果

当我选择结果时,弹出窗口关闭并将结果填充到框架中,然后您可以按按钮2打开另一个弹出窗口以显示人员详细信息(该弹出窗口是另一个局部视图)

问题是,我需要捕获框架上按钮的de事件,我创建了一个包含框架的局部视图,但无法传递单击事件,然后我认为更好的方法是制作一个jquery小部件插件来控制单击回调:

$.widget(“mk.Frame”{

})

这是最好的方法?!!!!!一些想法?!!我是网络编程新手

谢谢

options: {
    Botones: {
        Limpiar: true,
        Nuevo: true,
        Detalle: true
    }
},

_create: function () {

    var $ob = $(this.element)
    var t = this


    $ob.load('URL_PARTIAL_VIEW_FRAME', function (html) {
        if (!t.options.Botones.Limpiar) {
            $ob.find('#pw_fra_pac_Limpiar').hide(true)
        }
        if (!t.options.Botones.Nuevo) {
            $ob.find('#pw_fra_pac_Nuevo').hide(true)
        }
        if (!t.options.Botones.Detalle) {
            $ob.find('#pw_fra_pac_Detalle').hide(true)
        }
    })






    this._on(this.element, {
        "click": function (event) {

            if (event.toElement.type == "button" || event.toElement.type == "submit" || event.target.offsetParent.type == "button") {
                if (event.toElement.getAttribute("id") == "pw_fra_pac_Limpiar") {
                    this._trigger("Limpio")
                }
                if (event.toElement.getAttribute("id") == "pw_fra_pac_Nuevo") {
                    this._trigger("Nuevo")
                }
                if (event.toElement.getAttribute("id") == "pw_fra_pac_Buscar") {
                    this._trigger("Buscar")
                }
                if (event.toElement.getAttribute("id") == "pw_fra_pac_Detalle") {
                    this._trigger("Detalle")
                }
                return true
            }
            event.preventDefault();
        }
    });


},