Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on May 3rd, 2012  |  syntax: None  |  size: 2.58 KB  |  hits: 32  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Tree structure with drag and drop rows in jqgrid?
  2. jQuery(function(){
  3. jQuery("#tree").tableDnD({scrollAmount:0});
  4. jQuery("#tree").jqGrid({
  5. url:'jsonSamplePots.json',
  6. datatype: "json",
  7. colNames: ["Task Id", "Task No.", "Task Name", "Priority", "Start Date", "End Date", "Task Type", "Link", "Link RelationShip", "Resources(Units)", "Reference"],
  8.  
  9.             colModel: [
  10.  
  11.                  {name:'id', index:'id', width: 30, hidden: true, key: true},
  12.                 {name:'no', width:80, sortable:false,editable:true},
  13.                 {name:'name', width:150, sortable:false,editable:true},
  14.                 {name:'priority', width:80, sortable:false,editable:true},
  15.                 {name:'sDate', width:80, sortable:false},
  16.                 {name:'eDate', width:80, sortable:false},
  17.                 {name:'type', width:120, sortable:false},
  18.                 {name:'link', width:80, sortable:false},
  19.                 {name:'rship', width:80, sortable:false},
  20.                 {name:'resources', width:300, sortable:false},
  21.                 {name:'ref', width:80, sortable:false},
  22.  
  23.             ],
  24.  
  25. rowNum:10,
  26. rowList:[10,20,30],
  27. pager: '#pcelltbl',
  28. sortname: 'id',
  29. viewrecords: true,
  30. sortorder: "desc",
  31. caption:"Tasks",
  32. cellEdit:true,
  33. treeGrid: true,
  34.  
  35. ExpandColumn:'name',
  36. gridComplete: function() {
  37.     //alert("gridcomplete");
  38.     $("#_empty","#tree").addClass("nodrag nodrop");
  39.     jQuery("#tree").tableDnDUpdate();
  40. },
  41.        
  42. {
  43. "total": "1",
  44. "page": "1",
  45. "records": "2",
  46. "rows": [
  47.        {"id": "1", "cell":  ["1",  "Super <b>Item</b>",     "300", "0", "",  "false", "true", "true"]},
  48.        {"id": "2", "cell":  ["2",  "<a href='http://www.google.com'>Google</a>", "100", "1", "1", "false", "false", "true"]},
  49.        {"id": "3", "cell":  ["3",  "Sub Item 1",     "50",  "2", "2", "true",  "true",  "true"]},
  50.        {"id": "4", "cell":  ["4",  "Sub Item 2",     "25",  "2", "2", "false", "false", "true"]},
  51.        {"id": "5", "cell":  ["5",  "Sub-sub Item 1", "25",  "3", "4", "true",  "true",  "true"]},
  52.        {"id": "6", "cell":  ["6",  "Sub Item 3",     "25",  "2", "2", "true",  "true",  "true"]},
  53.        {"id": "7", "cell":  ["7",  "<span style='background-color:LightGreen; color:Tomato'>Item 2</span>", "200", "1", "1", "false", "true", "true"]},
  54.        {"id": "8", "cell":  ["8",  "Sub Item 1",     "100", "2", "7", "false", "false", "true"]},
  55.        {"id": "9", "cell":  ["9",  "Sub-sub Item 1", "50",  "3", "8", "true",  "true",  "true"]},
  56.        {"id": "10", "cell": ["10", "Sub-sub Item 2", "50",  "3", "8", "true",  "true",  "true"]},
  57.        {"id": "11", "cell": ["11", "Sub Item 2",     "100", "2", "7", "true",  "true",  "true"]}
  58. ]
create a new version of this paste RAW Paste Data