Добавить условия в разбивке на страницы

Следующий скрипт извлекает данные из моей базы данных и создает разбиение на страницы.Добавить условия в разбивке на страницы

Пагинация работает, но я хотел бы добавить условное утверждение, которое отличает уровень пользователя. Пользовательский уровень может быть новым, текущим или обновляющим клиентом.

Я не уверен, как и где можно добавить условное утверждение. Я создал level_styles в моем css, поэтому можно добавить стиль 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

Добавить условия в разбивке на страницы

ответ

Смежные вопросы