將條件添加到分頁

以下腳本從我的數據庫中提取數據並創建分頁。將條件添加到分頁

分頁工作，但我想添加一個條件語句，區分用戶的級別。用戶級別可以是New，Current或Renewing客戶端。

我不知道如何或在哪裏添加條件語句。我在我的CSS中創建了level_styles，因此可以添加div樣式，但是方式如何。

任何幫助將不勝感激。這是我使用的plugin。

感謝

var columns = ["username", "user_id", "address", "state", "postal_code", "phone", "email"]; 
var level_classes = { 
    "NEW": "new_client", 
    "RENEWAL": "renewing_client", 
    "CURRENT": "current_client" 
}; 
$(document).ready(function() { 
    var obj = ''; 
    $.getJSON("obtainUsers.php", function(data) { 
    var num = 1; 
    var json = JSON.stringify(data); 
    obj = jQuery.parseJSON(json); 
    var html = ""; 
    var tot_obj = obj.length; 
    var highest = (num * 8) - 1; 
    var lowest = (num * 8) - 8; 
    var maximum = (highest < total_users) ? highest : total_users; 
    for (var i = lowest; i <= maximum; i++) { 
     var toggle = i % 2; 
     var textTab = " "; 
     for (var x = 0; x < columns.length; x++) { 
     if (typeof obj[i][columns[x]] === 'undefined' || obj[i][columns[x]] === "") { 
      continue; 
     } 
     var tmp = ""; 
     if (obj[i][columns[x]] instanceof Object) { 
      tmp += obj[i][columns[x]]; 
     } 
     if (tmp && tmp !== ' ') { 
      textTab += tmp; 
     } 
     textTab += "<br />"; 
     } 
     if (toggle == 0) { 
     html += "<div style='text-align: center;'>"; 
     html += textTab; 
     html += "</div>"; 
     } else { 
     html += "<div style='text-align: center;'>"; 
     html += textTab; 
     html += "</div>"; 
     } 
    } 
    $('.testid').html(html); 
    }); 
    $('.pagination, .pagination_bottom').bootpag({ 
    total: 20, 
    page: 1, 
    leaps: false, 
    next: 'next', 
    prev: 'prev', 
    maximumVisible: 3 
    }).on('page', function(event, num) { 
    var html = ""; 
    var total_users = obj.length; 
    var highest = (num * 9) - 1; 
    var lowest = (num * 9) - 9; 
    var maximum = (highest < total_users) ? highest : total_users; 
    for (var i = lowest; i < maximum; i++) { 
     var toggle = i % 2; 
     var textTab = " "; 
     for (var x = 0; x < columns.length; x++) { 
     for (var x = 0; x < columns.length; x++) { 
      if (typeof obj[i][columns[x]] === 'undefined' || obj[i][columns[x]] === "") { 
      continue; 
      } 
      var tmp = ""; 
      if (obj[i][columns[x]] instanceof Object) { 
      tmp += obj[i][columns[x]]; 
      } 
      if (tmp && tmp !== ' ') { 
      textTab += tmp; 
      } 
      textTab += "<br />"; 
     } 
     if (toggle == 0) { 
      html += "<div style='text-align: center;'>"; 
      html += textTab; 
      html += "</div>"; 
     } else { 
      html += "<div style='text-align: center;'>"; 
      html += textTab; 
      html += "</div>"; 
     } 
     } 
     $('.runningList').html(html); 
     var total_pages = Math.ceil(obj.length/10); 
     $('.pagination_bottom').bootpag({ 
     page: num, 
     total: total_pages 
     }); 
    }); 
    });

來源

2015-05-12 Criatura Eterna

這些都是錯別字，我向你道歉 –

你有一個樣品，我可以看到？我不關心他們改變他們的水平，我有點想知道如何做每個用戶的div更改。該頁面將更多用於展示，而不是更改其實際帳戶。 –

所以你不相信我想做的事很簡單？我不知道如何做到這一點，這是我迄今爲止學到的，我希望它能更多地應用它。例如，這可以工作嗎？ 'if（columns [x] ==「user_level」）' –

以下是我最後做

if(columns[x] == "user_level" && obj[i][columns[x]] == new_user) 
{ 
    textTab += "<span class='new_user'>"; 
}         
else if (columns[x] == "user_level" && obj[i][columns[x]] == current_user) 
{ 
    textTab += "<span class='current_user'>"; 
} 
else if (columns[x] == "user_level" && obj[i][columns[x]] == renew_user) 
{ 
    textTab += "<span class='renewing_user'>"; 
}

我創建的三個變量new_user，current_user和renew_user。我在這裏添加了這個條件

if (typeof obj[i][columns[x]] === 'undefined' || obj[i][columns[x]] === "") { 
     continue; 
    } 
//Added the conditions here 
var tmp = "";

謝謝你這麼多@humble.rumble.6x3

來源

2015-05-12 14:28:27

如果這個工作，選擇這個答案。即使是你自己 – Skatox

將條件添加到分頁

回答

相關問題