jquery datatables row_selected類添加到一行

我有一個表與一些數據來。其中一列是持有年份信息的組合框。當點擊該行時，它會自動選擇。但是，當我更改年份組合時，選擇消失（這是正常的）。我希望每當組合更改時再次選擇行。雙擊功能和組合更改功能放置如下：jquery datatables row_selected類添加到一行

 $("#rulesTable tbody").click(function(event) { 

      $(rulesTableGlobal.fnSettings().aoData).each(function(){ 
       $(this.nTr).removeClass('row_selected'); 
      }); 
      $(event.target.parentNode).addClass('row_selected'); 

      var row = getSelectedRowIndex(rulesTableGlobal); 
      var selectedYear = $('#comboYear'+ row +' option:selected').text(); 
      var propertyId = rulesTableGlobal.fnGetData()[row][0]; 

      $('#calendarFrame').attr('src', "propertyTariffCalendar.php?ref="+propertyId+"&year="+selectedYear); 
      updateDescription(row, selectedYear); 

     });

//組合更改，與我所有的嘗試嘗試。他們中沒有一個是將類添加到行中。

 $("#comboYear"+rowNo).change(function() { 

      var comboId = $(this).attr('id'); 
      var comboIndex = $(this).attr('name'); 
      var propertyId = rulesTableGlobal.fnGetData()[comboIndex][0]; 
      var yearSelected = $('#'+comboId+' option:selected').text(); 

      //alert(comboId + "-" + comboIndex+ "-" + yearSelected+ "-" +propertyId); 
      $.fn.upDateRow (propertyId, yearSelected, comboIndex); 
      $('#calendarFrame').attr('src', "propertyTariffCalendar.php?ref="+propertyId+"&year="+yearSelected); 

      updateDescription(rowNo, yearSelected); 

      /*var orjRow = $(this); 
      var row = orjRow.closest("tr").get(0); 
      $().addClass("row_selected"); 
      */ 

      var orjRow = $("#comboYear"+rowNo); 

      //orjRow.parent().parent().addClass("row_selected"); 
      //alert($(this).closest("tr").attr('id')); 
      //$('td:eq(0)', nRow).addClass('highloadRow'); 

      //$(this).parent().parent().parent().addClass('row_selected'); 
      //$(this).closest('tr').get(0).addClass('row_selected'); 
      //$(this).closest('tr').addClass('row_selected'); 
      //$(this).closest('td').closest('tr').addClass('row_selected'); 
      //alert($(this).closest("tr").parent()); 
      //$(this).closest("tr").get(0).addClass("row_selected"); 
      //$(this).closest("tr").addClass("row_selected"); 
      //$(event.target.parentNode).addClass('row_selected'); 

     });

來源

2011-03-28 user403295

好吧，我不能完全理解你的問題，但我能得到什麼，你想要的行（tr吧？），當用戶點擊它被賦予類row_selected，並消除來自其他行的類。如果這是你想要的，這片魔法的會做:)

$('#rulesTable').delegate('tr', 'click', function (e) { 
    $(this).addClass('row_selected').siblings().removeClass('row_selected'); 
    // do other things here... 
});

告訴我，這是不是你想要的。

來源

2011-03-28 05:34:32

是的這是一個。我會檢查你的答案，以及我會寫我的答案，遭受同樣的問題。感謝一百萬！ – user403295 2011-03-28 06:03:11

解答：這是我根據Shrikant Sharat的回答使用的修改答案。 'select-one'用於指定單擊的元素是否是組合本身（有兩種組合，它們被分隔爲select-one和select-two）。因爲目標會根據點擊元素而變化。

Ozlem。

  if(event.target.type == 'select-one') { 
       //$(event.target.parentNode.parentNode).addClass('row_selected'); 
       $(event.target.parentNode.parentNode).addClass('row_selected').siblings().removeClass('row_selected'); 
      }else { 
       //$(event.target.parentNode).addClass('row_selected'); 
       $(event.target.parentNode).addClass('row_selected').siblings().removeClass('row_selected'); 
      }

來源

2011-03-28 06:06:42 user403295

jquery datatables row_selected類添加到一行

回答

相關問題