无法从qGrid Navigator按钮打开模态窗口

时间:2014-01-14 06:44:19

标签: jquery backbone.js jqgrid

使用Backbone.js和jqGrid, 我想为jqGrid导航按钮打开一个模态窗口。所以我使用'navButtonAdd()'函数向导航器添加了一个按钮。

PFB代码:

// js function
 openEmpModal : function (){

        jQuery("#empModal").dialog();
        jQuery("#empModal").dialog("open");                 

}

// jqGrid code
         $("#empTable").navButtonAdd('#pagerTable',{
                   caption:"",
                   buttonicon:"ui-icon-gear", 
                   onClickButton: function(){ 
                      self.openEmpModal();      
                   }, 
                   position:"last"
                });

//Html code 

<div class="modal" id="empModal"><table><tr><td>Data</td></tr></table></div>

当jqGrid导航器上的按钮上显示时,它会抛出以下错误。

Uncaught TypeError: Object function (a,b,d){
var e=a.split(".")[0],f;a=a.split(".")[1];f=e+"-"+a;d||(d=b,b=c.Widget);
c.expr[":"][f]= function(b){
 return!!c.data(b,a)};c[e]=c[e]||{};c[e][a]=function(a,b){
 arguments.length&&this._createWidget(a,b)};b=new b;
 b.options=c.extend(!0,{},b.options);c[e][a].prototype=c.extend(!0,b, 
   {namespace:e,widgetName:a,widgetEventPrefix:c[e] 
   [a].prototype.widgetEventPrefix||a,widgetBaseClass:f},d);
  c.widget.bridge(a,c[e][a])} has no method 'extend' jquery-ui-custom.min.js:6

有人可以帮忙吗?

1 个答案:

答案 0 :(得分:0)

谢谢大家,问题解决了。 UI是使用Bootstrap.js构建的。现在可以使用Javascript中的引导代码打开模态窗口

$( '#myModal')。模态({   键盘:假 })