將身份證號碼傳遞給JQWidgets中的自定義網址

Question

正在嘗試使用JQWidgets庫將user_id值傳遞給自定義網址，請提供幫助。實際上是從轉換爲JSON的數據庫中加載數據。變量「數據」是我的記錄如何。 user_id值不會顯示爲網址的一部分。下面是我的代碼

<div id='jqxWidget'> 
    <div id="jqxgrid"></div> 
</div> 



<script type="text/javascript"> 
     $(document).ready(function() 
     { 
      var data = [{user_id:100,user_name:"sam",first_name:"doe"}]; 

    var source = 
     { 
      datatype: "json", 
      datafields: 
      [ 
       { name: 'user_id', type: 'string' }, 
       { name: 'user_name', type: 'string' }, 
       { name: 'first_name', type: 'string' }, 
       { name: 'action'} 
      ], 
      id: 'user_id', 
      root: 'Rows', 
     }; 
      var dataAdapter = new $.jqx.dataAdapter(source); 

      // create jqxgrid. 
      $("#jqxgrid").jqxGrid(
      { 
       width: 1000, 
       height: 450, 
       theme: 'light', 
       source: dataAdapter, 
       selectionmode: 'multiplerowsextended', 
       sortable: true, 
       pageable: true, 
       pageSize: 20, 
       autoHeight: true, 
       filterable: true, 
       pagesizeoptions: ['20', '40', '80','200'], 
       altrows: true, 
       columns: [ 
        { text: 'User ID', datafield: 'user_id', width: 100 }, 
        { text: 'User Name', datafield: 'title', width: 70, cellsformat: 'yyyy-MM-dd'}, 
        { text: 'First Name', datafield: 'first_name', width: 150, cellsformat: 'F2', cellsalign: 'left' }, 
        { text: 'Action', datafield: 'action',cellsrenderer: renderer,width:130 } 
       ] 
      }); 
     }); 
     var renderer = function (action) { 
      return '<span style="padding:5px;" >'+'<a href="update_user?id=data.user_id" class="btn btn-default btn-xs" style="margin-top:3px;"><i class="fa fa-check-square-o"></i>Update user</a>'+'</span>'; 
     } 

    </script> 

Answer 1

這段代碼適合我。謝謝

{ text: 'Action', datafield: 'ac', cellsrenderer: renderer, width:105 } 

var renderer = function (row, columnfield, value, defaulthtml, columnproperties) { 
        var getrow = row; 
        var user_data = $("#jqxgrid").jqxGrid('getrowdata', getrow); 
        var user_id = user_data.user_id; 
       return '<span style="padding:10px;">'+'<a href="update_user?id='+user_id+'" class="btn btn-default btn-xs" style="margin-top:3px;"><i class="fa fa-check-square-o"></i> Update user</a>'+'</span>'; 

        } 

Answer 2

能否請您嘗試以下操作：

1）修改列定義在datafield屬性傳遞user_id爲：

{ text: 'Action', datafield: 'user_id',cellsrenderer: renderer,width:130 } 

2）現在修改renderer功能如下將直接得到user_id：

var renderer = function (user_id) { 
    return '<span style="padding:5px;" >'+'<a href="update_user?id='+user_id+'" class="btn btn-default btn-xs" style="margin-top:3px;"><i class="fa fa-check-square-o"></i>Update user</a>'+'</span>'; 
}