jqgrid行ID和网格行ID

问题描述

| Ive现在发布了一些有关jqgrid的帖子，并且进展缓慢，但肯定可以。我有在完整的网格函数中生成网格时为每一行生成按钮的代码：

gridComplete: function(){ 
                var ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\'); 
                for(var i=0;i < ids.length;i++){ 
                    var cl = ids[i]; 
                    be = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'E\' alt=\'Edit Location\' onclick=\\\"jQuery(\'#rowed2\').editGridRow(\'\"+cl+\"\');\\\" />\"; 
                    se = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'S\' onclick=\\\"jQuery(\'#rowed2\').saveRow(\'\"+cl+\"\');\\\" />\"; 
                    ce = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'C\' onclick=\\\"jQuery(\'#rowed2\').restoreRow(\'\"+cl+\"\');\\\" />\";
                    fl = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Find\' alt=\'Find Location\' class=\'findMe\' rel=\'\"+cl+\"\' />\";
                    gc = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Geo\' class=\'geocodeMe\' rel=\'\"+cl+\"\' />\";
                    jQuery(\"#rowed2\").jqGrid(\'setRowData\',ids[i],{Actions:fl+gc}); 
                } 
            }

对于我的编辑删除功能，它正在将jqgrid行ID作为ID参数发布，该ID必须是记录集ID，以便我可以过滤要编辑/删除的记录。所以我将id_〜mdt colulm设置为key：true，因此它将其作为id传递。现在，我无法使用以下方式检索网格行ID ：（它之前返回了gridrow ref，现在它返回了recordId）

ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\');

所以我现在如何检索gridrowId ？？？放入我按钮的rel属性我假设我应该使用getRowIds以外的东西，例如get3ѭ或在Wiki中找不到使用的东西...

gridComplete: function(){ 
                var ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\'); 
                for(var i=0;i < ids.length;i++){ 
                    var cl = ids[i]; 
                    be = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'E\' alt=\'Edit Location\' onclick=\\\"jQuery(\'#rowed2\').editGridRow(\'\"+cl+\"\');\\\" />\"; 
                    se = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'S\' onclick=\\\"jQuery(\'#rowed2\').saveRow(\'\"+cl+\"\');\\\" />\"; 
                    ce = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'C\' onclick=\\\"jQuery(\'#rowed2\').restoreRow(\'\"+cl+\"\');\\\" />\";
                    fl = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Find\' alt=\'Find Location\' class=\'findMe\' rel=\'\"+cl+\"\' />\";
                    gc = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Geo\' class=\'geocodeMe\' rel=\'\"+cl+\"\' />\";
                    jQuery(\"#rowed2\").jqGrid(\'setRowData\',{Actions:fl+gc}); 
                } 
            }
        });

这是我使用col设置的完整代码：

myGrid = jQuery(\"#rowed2\").jqGrid({ 
        url:\'data/stokistdata_s_json.php?q=3\',datatype: \"json\",mtype: \"POST\",rowNum:10,rowList:[50,100,150,200,300,400,500,600],pager: \'#prowed2\',sortname: \'name_mdt\',viewrecords: true,gridview:true,sortorder: \"asc\",rowNum:50,scroll: true,editurl: \"data/server.php\",caption:\"Stockist\'s and Orchid days\",colNames:[
            \'Actions\',\'id\',\'Type\',\'Name\',\'Geo Address\',\'Display Address\',\'Telephone\',\'Email\',\'website\',\'lat\',\'lng\',\'flag\',\'description\',\'active\'
        ],colModel:[{
            name:\'Actions\',index:\'Actions\',width:100,sortable:false,search:false
        },{
            name:\'id_mdt\',index:\'id_mdt\',width:15,align:\"left\",sortable:true,search:false,hidden: true,editable: true,editrules: { edithidden: true },editoptions:{readonly:true},hidedlg: true,key: true
        },{
            name:\'id_etp\',index:\'id_etp\',width:90,editable:true,edittype:\"select\",formatter:\'select\',editoptions:{value:{1:\'Stokist\',0:\'Orchid Day\'}},editrules:{required:true},search:true,stype:\'select\',sopt: [\'eq\'],searchoptions:{value:{\'\':\'All\',1:\'Stockist\',2:\'Orchid Day\'}}
        },{
            name:\'Name_mdt\',index:\'Name_mdt\',width:150,stype:\'text\',sopt:[\'cn\']
        },{
            name:\'geoaddr_mdt\',index:\'geoaddr_mdt\',edittype:\"textarea\",editoptions:{rows:\"3\",cols:\"30\"}
        },{
            name:\'displayaddr_mdt\',index:\'displayaddr_mdt\',{
            name:\'telephone_mdt\',index:\'telephone_mdt\',width:80,{
            name:\'email_mdt\',index:\'email_mdt\',editrules:{email:true,required:false},{
            name:\'website_mdt\',index:\'website_mdt\',editrules:{url:true,{
            name:\'lat_mdt\',index:\'lat_mdt\',width:40,{
            name:\'lng_mdt\',index:\'lng_mdt\',{
            name:\'flag_mdt\',index:\'flag_mdt\',width:20,editoptions: {value:{1:\'Flagged\',0:\'No Flag\'}},//
            stype:\'select\',1:\'Flagged\',0:\'No Flag\'}}//{value:\":Both;1:Flagged;0:No Flag\"}
        },{
            name:\'description_mdt\',index:\'description_mdt\',{
            name:\'active_mdt\',index:\'active_mdt\',editoptions: {value:{1:\'Active\',0:\'Hidden\'}},\'1\':\'Active\',\'0\':\'Hidden\'}} //{value:\":Both;1:Active;0:Hidden\"}
        }],search : {
             caption: \"Search...\",Find: \"Find\",Reset: \"Reset\",matchText: \" match\",rulesText: \" rules\"
       },gridComplete: function(){ 
            var ids = jQuery(\"#rowed2\").jqGrid(\'getDataIDs\'); 
            for(var i=0;i < ids.length;i++){ 
                var cl = ids[i]; 
                be = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'E\' alt=\'Edit Location\' onclick=\\\"jQuery(\'#rowed2\').editGridRow(\'\"+cl+\"\');\\\" />\"; 
                se = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'S\' onclick=\\\"jQuery(\'#rowed2\').saveRow(\'\"+cl+\"\');\\\" />\"; 
                ce = \"<input style=\'height:22px;width:20px;\' type=\'button\' value=\'C\' onclick=\\\"jQuery(\'#rowed2\').restoreRow(\'\"+cl+\"\');\\\" />\";
                fl = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Find\' alt=\'Find Location\' class=\'findMe\' rel=\'\"+cl+\"\' />\";
                gc = \"<input style=\'height:22px;width:50px;\' type=\'button\' value=\'Geo\' class=\'geocodeMe\' rel=\'\"+cl+\"\' />\";
                jQuery(\"#rowed2\").jqGrid(\'setRowData\',{Actions:fl+gc}); 
            } 
        }
    }); 

    jQuery(\"#rowed2\").jqGrid(\'navGrid\',\"#prowed2\",{edit:true,add:true,del:true,refresh:true},{closeOnEscape:true,recreateForm: true,width:500},width:500}    // Add options

    ); 
    myGrid.jqGrid(\'filterToolbar\',{defaultSearch:\'cn\',stringResult:true});
});

解决方法

我不知道我是否完全理解你的问题。通常，除非您在传递JSON数据时指定另一行，否则行ID应该是记录ID。最好的选择是将记录ID传递给jqGrid，以便在必须执行某些CRUD操作时可以引用数据库行。如果要获取其他一些字段，可以使用：

var ret = myGrid.jqGrid(\'getRowData\',id);

现在您可以访问网格的列：ret [0] , 我知道这是一篇过时的文章，但是我遇到了类似的问题，我无法使被接受的邮政编码正常工作。 jqGrid的行各不相同，因此我为按钮赋予了相同的类名，并在按钮的click函数中获得了最接近的tr，id属性，它对我来说很好用。

    $(\'.buttonClassName\').click(function (){
        var row = $(this).closest(\"tr\").attr(\"id\")
        alert(row);
    });

id jqgrid 网格

jqgrid行ID和网格行ID

问题描述

解决方法

相关问答