2013-06-25 17 views
1

Я изучал, как динамически строить сетку с помощью jquery. Я прочитал тонны апи и обыскал через s.o. и google, но никто, кажется, не дает четкой общей позиции на нем. Может быть, я просто не понимаю, поэтому я использую функцию, называемую строкой, и хочу вернуть результат.Динамически создавая сетку с jquery

Итак, как только эта кнопка сгенерирована, кнопка должна отображать сетку.

Однако ничего показать

Может ли один помочь

function buildTable(criteria) 
{ 
    var result = new Object(); 
    result.rows = criteria.rows; 
    result.totalRows = result.rows + 1; 
    result.row = new Array(); 
    for(var i = 0; i < result.rows; i++) 
    { 
    result.row[i] = new Object(); 
    result.row[i].shoeId = 100+i; 
    result.row[i].dressId = "LKM0" + i; 
    result.row[i].arrivalDt = "01/02/2013 15:45"; 
    result.row[i].stockDt = "01/02/2013 15:46"; 
    result.row[i].fashionStatus = "differences"; 
    } 
    return result; 
} 
</script> 



<input type="button" value="Generate a table." onclick=" document.getElementById('Grid').style.visibility = 'visible';" /> 

     <div class="Grid" id="Grid" onload="buildTable()" > </div> 
+0

Вы генерируете данные на стороне клиента или на стороне сервера? –

+0

Я генерирую данные с серверной части db – bigsteve4288

ответ

0

Если вы генерируете данные на стороне сервера, вы можете либо сделать его, когда вы отображения страницы в сетке DIV:

<div id="Grid" style="display:none"> 
    <table> 
     ... etc ... 
    </table> 
</div> 

, а затем просто показать DIV при нажатии на кнопку

Или, если вам нужно создать таблицу только при нажатии на кнопку, то вы можете сделать это с помощью Ajax:

<input type="button" value="Generate a table." onclick="loadGrid()" /> 

<script> 
    $("#Grid").load("Url to generate table", function() { 
     $(this).show(); 
    }); 
</script> 

Или, если вы действительно хотите создать таблицу с помощью JavaScript, то this might give you some ideas

+0

Спасибо Мартин, я собираюсь попробовать этот путь. Спасибо за совет – bigsteve4288

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