Dynamic add Checkbox to 2-columns Grid now not work

Dynamic add Checkbox to 2-columns Grid now not work

Hello,

I try to load a xml and add a checkbox into the 2-columns grid, but it always shows one column.
Please help!

the following Javascript function is to process the xml file where the "data" is a xml document.



  1. <fieldset id="studentList" class="ui-grid-a"></fieldset>



  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <students>

  4. <student id="" no="1" name="Eric"/>
  5. <student id="" no="2" name="Ericsson"/>

  7. </students>



  2. function processingData(data) {
  3. $('#list').empty();
  6. var output = [];
  8. var n = 1;
  10. $(data).find('student').each(function(){
  11.  
  12. var $student = $(this); 
  13.          
  14. var id = $student.attr("id");
  15. var no = $student.attr("no");
  16. var name = $student.attr("name");

  19. var block = 'a';
  20. if (n % 2 == 0) {
  21. block = 'a';
  22. } else {
  23. block = 'b';
  24. }
  26. n++;
  27.        
  28.         var html = '<div class="ui-block-' + block + '"><label for="grid-checkbox-' + no + '">' + name + '</label><input type="checkbox" id="grid-checkbox-' + no + '" name="grid-checkbox-' + no + '"></div>';

  30.         output.push(html);
  31.         
  32. });

  34.     
  35.     $('#studentList').append(output.join(''));
  36.     $('#studentList').trigger('create');
  37. }



The above is the final layout. It only showsIn fact, I want a 2-columns grid! Please tell me what I is my mistake!

Best regards,
Eric