선택을 피하십시오 onClick

Question

jqGrid의 요소에서 onClick 선택을 금지하고 싶습니다.

어떻게 가능합니까 ?? 내가 마이클 슈마허 또는 노란색 컬러로 선택이 될 루카스 포돌스키 관련 행을 클릭하면 다음

이 페이지에 링크 http://www.ok-soft-gmbh.com/jqGrid/UnobtrusiveLinksNew.htm

로

이동에 대한 예입니다. 반면에 수식 1 또는 Football 관련 행을 클릭하면 선택되지 않습니다. jqGrid의 요소에 대해이 동작을 얻고 싶습니다.

는 UPDATE : 는 여기에 내가 .down_arrow 클래스에 따라 클릭에 선택을하지 않도록 좀하고 싶습니다 내 코드

$(document).ready(function() 
    { 

$(function() 
    { 
     $("#list").jqGrid 
     ({ 
      url:'example.php', 
      datatype: 'xml', 
      mtype: 'GET', 
      colNames:['RABR member in Circle','Date Sent','Status','Action'], 
      colModel : 
      [ 

       {name:'tax', index:'tax', width:85, align:'left',sortable:false,formatter:format_row}, 
       {name:'invdate', index:'invdate', width:60, align:'center',sortable:false,formatter:format_date}, 
       {name:'amount', index:'amount', width:35, align:'center', sortable:false,formatter:format_status}, 
       {name:'amount', index:'amount', width:55, align:'left',title:false, sortable:false,formatter:format_rate_me,beforeSelectRow: function(rowid, e) { return false; }, 
}, 
      ], 
      pager: '#pager', 
      rowNum:10, 
      rowList:[10,20,30], 
      viewrecords: true, 
      multiselect: true, 
      altclass:'myAltRowClass', 
      altRows:true, 
      width:624, 
      height:'auto' }).navGrid('#pager',{edit:false,add:false,del:false}); 
     }) ;  


     function format_row(cellValue, options, rowObject) 
      { 
       var split_result = cellValue.split("+"); 
       var show_result= "<img src='images1/" + split_result[0] + "'/><b id='pro_name'>"+ split_result[1] + "</b></br><b id='e_add'>" + split_result[2]+"</b>"; 
       return show_result; 
      } 


     function format_date(cellValue, options, rowObject) 
      { 
       var date = "<div class='date'>" + cellValue + "</div>"; 
       return date; 
      } 


     function format_status(cellValue, options, rowObject) 
      { 
       var status_image = "<img src='images/" + cellValue + ".jpg' />"; 
       return status_image; 
      } 


     function format_rate_me(cellValue, options, rowObject) 
      { 
       var optoins = "<div class='rate_me_text'>" + cellValue + "<div class='star_div'></div><div class='down_arrow'></div> <div class='options'><ul><li class='add_me'><a href='#'>Add as a friend</a></li><li class='view_circle'><a href='#'>View Circle Members(23)</a></li><li class='send_msg'><a href='#'>Send messages</a></li><li class='add_to_watch'><a href='#'>Add to watch list</a></li><li class='gifting'><a href='#'>Give a gift</a></li><li class='remove'><a href='#'>Remove from Circle</a></li><li class='block'><a href='#'>Block</a></li><li class='report'><a href='#'>Report abuse</a></li></ul></div></div>";    
       return optoins; 
      } 

    }); 

입니다. 응답

UPDATE에 대한

덕분에

"@Oleg는"

마지막으로 나는 그것을 수행.

여기에 코드 당신이 beforeSelectRow 이벤트 핸들러를 사용할 수있는 행의 선택을 방지하기 위해 귀하의 회신

Answer 1

에 대한

altclass:'myAltRowClass', 
     altRows:true, 
     beforeSelectRow: 
     function(rowid, e) 
     { 
      var iCol = $.jgrid.getCellIndex(e.target); 

      if (iCol >=4) 
      { 
       return false; 
      } 
      else 
      { 
       return true; 
      } 
     }, 
     width:624, 

감사합니다. 이벤트 핸들러가 false를 반환하면 행 선택이 금지됩니다. e.target은 사용자가 클릭 한 <td> 요소 또는 해당 하위 요소 (<a> 요소가 <td> 안에 있음)를 검사 할 수 있습니다.