2014-01-14 61 views
0

使用Backbone.js和jqGrid, 我想爲jqGrid導航器按鈕打開一個模式窗口。所以我使用'navButtonAdd()'函數添加了一個導航按鈕。無法從qGrid導航器按鈕打開模式窗口

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導航按鈕clciked,它引發以下錯誤。

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 

任何人都可以幫忙嗎?

回答

0

謝謝你們,問題解決了。 UI是使用Bootstrap.js構建的。目前能夠使用的引導代碼在Javascript中打開模態窗口

$( '#myModal')模態({ 鍵盤:假 })。