在列jqgrid中的类不工作

Question

您好我在jqGrid中使用自定义格式化程序，它将链接和类添加到列。 我将调用的类名是'iframe'，它将使用jquery colorbox设置我自己的对话框。 我在firebug中看到列名称的类被设置为'iframe'，但是当我点击它时，对话框没有工作。我做错了吗？

<script type="text/javascript" language="javascript"> 
jQuery(document).ready(function() { 
$(".iframe").colorbox({ iframe: true, width: "40%", height: "80%", onClosed:function(){ location.reload(true); } }); 

jQuery("#MyDynamicGrid").jqGrid({ 
     url: '/RepositoryRole/DynamicGridData/', 
     mtype: 'POST', 
     datatype: 'json', 
     colModel: [     
      { name: 'Name', index: 'Name', width: 0, align: 'left', searchoptions: { sopt: ['cn', 'eq', 'ne'] }, formatter: returnMyLink, editable: true, editrules: { required: true, edithidden: true }, hidden: false }, 
      { name: 'Description', index: 'Description', width: 80, align: 'left', searchoptions: { sopt: ['cn', 'eq', 'ne'] }, },     
     ], 

     colNames: ['Name', 'Description'], 
     pager: jQuery('#pager'), 
     rowNum: 5, 
     rowList: [5, 10, 20, 30], 
     sortname: 'Name', 
     sortorder: 'Desc', 
     viewrecords: true, 
     imgpath: '/Content/JqGridThemes/steel/images',    
     autowidth: true, 
     editurl: '/User/EditGrid/' 
    }); 

function returnMyLink(cellValue, options, rowdata, action) { 
    return '<a href="#" class="iframe">' + cellValue + '</a> '; 
}}); 

由于

Answer 1

我认为颜色框没有被附接至其的jqGrid从加载元件。您可以使用gridComplete为重新连接颜色框

jQuery("#MyDynamicGrid").jqGrid({ 
     url: '/RepositoryRole/DynamicGridData/', 
     mtype: 'POST', 
     datatype: 'json', 
     colModel: [     
      { name: 'Name', index: 'Name', width: 0, align: 'left', searchoptions: { sopt: ['cn', 'eq', 'ne'] }, formatter: returnMyLink, editable: true, editrules: { required: true, edithidden: true }, hidden: false }, 
      { name: 'Description', index: 'Description', width: 80, align: 'left', searchoptions: { sopt: ['cn', 'eq', 'ne'] }, },     
     ], 

     colNames: ['Name', 'Description'], 
     pager: jQuery('#pager'), 
     rowNum: 5, 
     rowList: [5, 10, 20, 30], 
     sortname: 'Name', 
     sortorder: 'Desc', 
     viewrecords: true, 
     imgpath: '/Content/JqGridThemes/steel/images',    
     autowidth: true, 
     editurl: '/User/EditGrid/', 
     gridComplete: function(){ 
     $(".iframe").colorbox({ iframe: true, width: "40%", height: "80%",  onClosed:function(){ location.reload(true); } } 
     } 
    });