API tools faq
paste
absjabed

Untitled

absjabed
Apr 15th, 2018
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 10.80 KB | None | 0 0
raw download clone embed print report
  1.  
  2.  
  3.     window.onload = function () {
  4.  
  5.         var source =
  6.             {
  7.                 datafields: [
  8.                     { name: 'vDHID', type: 'string' },
  9.                     { name: 'dDate', type: 'string' },
  10.                     { name: 'vUnitID', type: 'string' },
  11.                     { name: 'vPreparedBy', type: 'string' },
  12.                     { name: 'iIsApprovedFromUnit', type: 'string' },
  13.                     { name: 'vUnitApprovedBy', type: 'string' },
  14.                     { name: 'iIsApprovedFromCompany', type: 'string' },
  15.                     { name: 'vCompanyApprovedBy', type: 'string' },
  16.                     { name: 'iIsLockedFromPlanning', type: 'string' },
  17.                     { name: 'vLockedBy', type: 'string' }
  18.                 ],
  19.                 root: 'DHMasters',
  20.                 record: 'DHMaster',
  21.                 id: 'vUnitID',
  22.                 datatype: 'json',
  23.                 url: '/Approval/GetDH_ApprovalMasterDayWise/?date=2018/03/29'
  24.             };
  25.         alert("1");
  26.         var employeesAdapter = new jqx.dataAdapter(source);
  27.  
  28.  
  29.         var ordersSource =
  30.         {
  31.             datafields: [
  32.                 { name: 'vDHID', type: 'string' },
  33.                 { name: 'dDate', type: 'date' },
  34.                 { name: 'vUnitID', type: 'string' },
  35.                 { name: 'vUnitName', type: 'string' },
  36.                 { name: 'vCompanyName', type: 'string' },
  37.                 { name: 'SECTION_NO', type: 'string' },
  38.                 { name: 'SECTION_NAME', type: 'string' },
  39.                 { name: 'vStyleID', type: 'string' },
  40.                 { name: 'vStyleName', type: 'string' },
  41.                 { name: 'iHourPlanned', type: 'number' },
  42.                 { name: 'iHourPlannedName', type: 'string' },
  43.                 { name: 'iNOOfWorker', type: 'number' },
  44.                 { name: 'iHourNine', type: 'number' },
  45.                 { name: 'iHourNineName', type: 'string' },
  46.                 { name: 'iHourTen', type: 'number' },
  47.                 { name: 'iHourTenName', type: 'string' },
  48.                 { name: 'iHourEleven', type: 'number' },
  49.                 { name: 'iHourElevenName', type: 'string' },
  50.                 { name: 'iTwelve', type: 'number' },
  51.                 { name: 'iHourTwelveName', type: 'string' },
  52.                 { name: 'iThirteen', type: 'number' },
  53.                 { name: 'iHourThirteenName', type: 'string' },
  54.                 { name: 'iFourteen', type: 'number' },
  55.                 { name: 'iHourFourteenName', type: 'string' },
  56.                 { name: 'iIsApprovedFromUnit', type: 'bool' },
  57.                 { name: 'iIsApprovedFromCompany', type: 'bool' },
  58.                 { name: 'iIsLockedFromPlanning', type: 'bool' },
  59.                 { name: 'vComments', type: 'string' },
  60.                 { name: 'vPreparedBy', type: 'string' },
  61.                 { name: 'vUnitApprovedBy', type: 'string' },
  62.                 { name: 'vCompanyApprovedBy', type: 'string' },
  63.                 { name: 'vLockedBy', type: 'string' }
  64.             ],
  65.             root: 'DHDatas',
  66.             async: false,
  67.             record: 'DHData',
  68.             datatype: 'json',
  69.             url: '/Approval/GetDH_ApprovalDayWise/?date=2018/03/29'
  70.         };
  71.         var ordersDataAdapter = new jqx.dataAdapter(ordersSource, { autoBind: true });
  72.         alert("2");
  73.  
  74.             var myGrid = document.createElement('jqx-grid');
  75.             var orders = ordersDataAdapter.records;
  76.  
  77.             var initRowDetails = function(index, parentElement, gridElement, record) {
  78.                 var id = record.uid.toString();
  79.                 var filtergroup = new jqx.filter();
  80.                 var filter_or_operator = 1;
  81.                 var filtervalue = id;
  82.                 var filtercondition = 'equal';
  83.                 var filter = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
  84.                 var ordersbyid = [];
  85.  
  86.                 for (var m = 0; m < orders.length; m++) {
  87.                     var result = filter.evaluate(orders[m]['vUnitID']);
  88.                     if (result)
  89.                         ordersbyid.push(orders[m]);
  90.                 }
  91.  
  92.                 var ordersSource = {
  93.                     datafields: [
  94.                 { name: 'vDHID', type: 'string' },
  95.                 { name: 'dDate', type: 'date' },
  96.                 { name: 'vUnitID', type: 'string' },
  97.                 { name: 'vUnitName', type: 'string' },
  98.                 { name: 'vCompanyName', type: 'string' },
  99.                 { name: 'SECTION_NO', type: 'string' },
  100.                 { name: 'SECTION_NAME', type: 'string' },
  101.                 { name: 'vStyleID', type: 'string' },
  102.                 { name: 'vStyleName', type: 'string' },
  103.                 { name: 'iHourPlanned', type: 'number' },
  104.                 { name: 'iHourPlannedName', type: 'string' },
  105.                 { name: 'iNOOfWorker', type: 'number' },
  106.                 { name: 'iHourNine', type: 'number' },
  107.                 { name: 'iHourNineName', type: 'string' },
  108.                 { name: 'iHourTen', type: 'number' },
  109.                 { name: 'iHourTenName', type: 'string' },
  110.                 { name: 'iHourEleven', type: 'number' },
  111.                 { name: 'iHourElevenName', type: 'string' },
  112.                 { name: 'iTwelve', type: 'number' },
  113.                 { name: 'iHourTwelveName', type: 'string' },
  114.                 { name: 'iThirteen', type: 'number' },
  115.                 { name: 'iHourThirteenName', type: 'string' },
  116.                 { name: 'iFourteen', type: 'number' },
  117.                 { name: 'iHourFourteenName', type: 'string' },
  118.                 { name: 'iIsApprovedFromUnit', type: 'bool' },
  119.                 { name: 'iIsApprovedFromCompany', type: 'bool' },
  120.                 { name: 'iIsLockedFromPlanning', type: 'bool' },
  121.                 { name: 'vComments', type: 'string' },
  122.                 { name: 'vPreparedBy', type: 'string' },
  123.                 { name: 'vUnitApprovedBy', type: 'string' },
  124.                 { name: 'vCompanyApprovedBy', type: 'string' },
  125.                 { name: 'vLockedBy', type: 'string' }
  126.       ],
  127.                     id: 'vDHID',
  128.                     localdata: ordersbyid
  129.                 }
  130.  
  131.  
  132.                 var nestedGridAdapter = new jqx.dataAdapter(ordersSource);
  133.                 var myNestedGrid = document.createElement('jqx-grid');
  134.                 myNestedGrid.style.margin = '10px';
  135.  
  136.                 myNestedGrid.settings = {
  137.                     source: nestedGridAdapter,
  138.                     width: 770,
  139.                     height: 200,
  140.  
  141.  
  142.                     columns: [
  143.                   { text: 'DH ID', datafield: 'vDHID', width: '1%', editable: false, hidden: true },
  144.                   { text: 'Unit Name', datafield: 'vUnitName', width: '8%', editable: false},
  145.                   { text: 'SECTION/LINE', datafield: 'SECTION_NAME', width: '10%', editable: false },
  146.                   { text: 'Style', datafield: 'vStyleName', width: '10%', editable: false },
  147.                   { text: 'HOUR PLANNED', datafield: 'iHourPlanned', width: '10%', editable: false },
  148.                   { text: 'WORKERS', datafield: 'iNOOfWorker', width: '10%', editable: false },
  149.                   { text: '9', datafield: 'iHourNine', width: '3%', editable: false },
  150.                   { text: '10', datafield: 'iHourTen', width: '3%', editable: false },
  151.                   { text: '11', datafield: 'iHourEleven', width: '3%', editable: false },
  152.                   { text: '12', datafield: 'iTwelve', width: '3%', editable: false },
  153.                   { text: '13', datafield: 'iThirteen', width: '3%', editable: false },
  154.                   { text: '14', datafield: 'iFourteen', width: '3%', editable: false },
  155.                   { text: 'Manager', dataField: 'iIsApprovedFromUnit', columntype: 'checkbox', width: 100, resizable: false },
  156.                   { text: 'Unit Approved By', datafield: 'vUnitApprovedBy', width: '1%', editable: false, hidden: true },
  157.                   { text: 'Prod. Head', dataField: 'iIsApprovedFromCompany', columntype: 'checkbox', width: 100, resizable: false },
  158.                   { text: 'Company Approved By', datafield: 'vCompanyApprovedBy', width: '1%', editable: false, hidden: true },
  159.                   { text: 'Planning', dataField: 'iIsLockedFromPlanning', columntype: 'checkbox', width: 100, resizable: false },
  160.                   { text: 'Planning Locked By', datafield: 'vLockedBy', width: '1%', editable: false, hidden: true },
  161.                   { text: 'Comments', datafield: 'vComments', width: '20%' }
  162.             ]
  163.  
  164.  
  165.                 };
  166.                 parentElement.appendChild(myNestedGrid);
  167.             }
  168.            
  169.             alert("3");
  170.             /*var photoRenderer = function(row, column, value) {
  171.                 var name = myGrid.getrowdata(row).FirstName;
  172.                 var imgurl = '../images/' + name.toLowerCase() + '.png';
  173.                 var img = '<div style="background: white;"><img style="margin:2px; margin-left: 10px;" width="32" height="32" src="' + imgurl + '"></div>';
  174.                 return img;
  175.             }*/
  176.             /*var renderer = function(row, column, value) {
  177.                 return '<span style="margin-left: 4px; margin-top: 9px; float: left;">' + value + '</span>';
  178.             }*/
  179.             myGrid.settings = {
  180.                 source: source,
  181.                 rowdetails: true,
  182.                 rowsheight: 35,
  183.                 initrowdetails: initRowDetails,
  184.                 rowdetailstemplate: { rowdetails: '<div></div>', rowdetailsheight: 220, rowdetailshidden: true },
  185.                 ready: function() {
  186.                     myGrid.showrowdetails(1);
  187.                 },
  188.                 columns: [
  189.                    // { text: 'Photo', width: 50, cellsrenderer: photoRenderer },
  190.                     { text: 'DHID', datafield: 'vDHID', width: 100, cellsrenderer: renderer },
  191.                     { text: 'Date', datafield: 'dDate', width: 100, cellsrenderer: renderer },
  192.                     { text: 'UnitID', datafield: 'vUnitID', width: 180, cellsrenderer: renderer },
  193.                     { text: 'PreparedBy', datafield: 'vPreparedBy', width: 300, cellsrenderer: renderer },
  194.                     { text: 'Unit Approved', datafield: 'iIsApprovedFromUnit', width: 170, cellsrenderer: renderer },
  195.                     { text: 'U Approved By', datafield: 'vUnitApprovedBy', width: 100, cellsrenderer: renderer },
  196.                     { text: 'Company Approved', datafield: 'iIsApprovedFromCompany', width: 100, cellsrenderer: renderer },
  197.                     { text: 'C Approved By', datafield: 'vCompanyApprovedBy', width: 180, cellsrenderer: renderer },
  198.                     { text: 'Planning Locked', datafield: 'iIsLockedFromPlanning', width: 300, cellsrenderer: renderer },
  199.                     { text: 'P Locked By', datafield: 'vLockedBy', width: 170, cellsrenderer: renderer }
  200.                 ]
  201.             };
  202.             document.body.appendChild(myGrid);
  203.         };
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!