public function render() { $this->style(); parent::render(); $this->onReadyHook(); ?> <div id="qdmvcRootDiv" style="display: none; width: inherit; height: inherit"> <style> #wpbody-content { overflow-y: hidden !important; } </style> <script> MYAPP = {}; MYAPP.openInNewTab = function (url) { if (window == window.parent) { window.open(url, '_blank'); return; } window.parent.MYAPP.openInNewTab(url); }; MYAPP.TreeUnflatten = function( array, parent, tree ){ tree = typeof tree !== 'undefined' ? tree : []; parent = typeof parent !== 'undefined' ? parent : { key: -1 }; var children = _.filter( array, function(child){ return child.parentid == parent.key; }); if( !_.isEmpty( children ) ){ if( parent.key == -1 ){ tree = children; }else{ parent['children'] = children } _.each( children, function( child ){ MYAPP.TreeUnflatten( array, child ) } ); } return tree; }; (function ($) { $(document).ready(function () { //height = $(window).height()-3; $("#splitter").jqxSplitter({width: '100%', height: '100%', panels: [{size: 230}]}); $("#splitter2").jqxSplitter({orientation: 'horizontal', width: '100%', height: '100%', panels: [{size: '90%'}]}); // Create jqxTree Array.prototype.insert = function (index, item) { this.splice(index, 0, item); }; var data = <?php echo Qdmvc_Page_Index::buildJSONTree($this->data['language']); ?> ; data = MYAPP.TreeUnflatten(data); var autoexpand = false; <?php if ($this->data['setup']->autoexpandmenu == true) { ?> autoexpand = true; <?php } ?> $("#jqxTree").fancytree({ extensions: ["filter"], quicksearch: true, checkbox: false, source: data, autoScroll: true, filter: { autoApply: true, // Re-apply last filter if lazy data is loaded counter: true, // Show a badge with number of matching child nodes near parent icons fuzzy: false, // Match single characters in order, e.g. 'fb' will match 'FooBar' hideExpandedCounter: true, // Hide counter badge, when parent is expanded highlight: true, // Highlight matches by wrapping inside <mark> tags mode: "hide" // Grayout unmatched nodes (pass "hide" to remove unmatched node instead) }, click: function(event, data) { var node = data.node; //add tab var args = event.args; var label = node.title; var url = node.data.value; if (url == '') { return;//ignore folder } //check existed var totaltab = $('#jqxTabs').jqxTabs('length'); var i = 0; for (i = 0; i < totaltab; i++) { var title = $('#jqxTabs').jqxTabs('getTitleAt', i); if (title == label) { $('#jqxTabs').jqxTabs('select', i);//switch to tab return;//ignore duplicate tab } } $('#jqxTabs').jqxTabs('addLast', label, '<iframe id="pagepart" src="' + url + '" width="100%" height="99%" scrolling="yes" frameborder="0"><p>Your browser does not support iframes</p> </iframe>'); }, create: function(event, data){ //alert('create done'); }, init: function(event, data){ if(autoexpand!=undefined && autoexpand==true) { $("#jqxTree").fancytree("getRootNode").visit(function (node) { node.setExpanded(true); }); } } }); //Tabs $('#jqxTabs').jqxTabs({height: '100%', width: '100%', showCloseButtons: true, reorder: true}); /*Handle Tab Panel Context Menu var contextMenu = $("#jqxMenu").jqxMenu({ width: '120px', height: '80px', autoOpenPopup: false, mode: 'popup'}); $("#jqxMenu").bind('itemclick', function(event) { var item = $(event.args).text(); var tabS = $('#jqxTabs'); switch (item) { case "Close Others": var currentIndex = tabS.jqxTabs('selectedItem'); var currentTabTitle = tabS.jqxTabs('getTitleAt', currentIndex); for(var kk=currentIndex+1;kk<tabS.jqxTabs('length');kk++) { tabS.jqxTabs('removeAt', kk); } while(tabS.jqxTabs('length') > 1){ tabS.jqxTabs('removeFirst'); } break; case "Close All": while(tabS.jqxTabs('length') > 0){ tabS.jqxTabs('removeLast'); } break; } }); */ // open the context menu when the user presses the mouse right button. $("#jqxTabs").bind('mousedown', function (event) { var rightClick = isRightClick(event); if (rightClick) { var scrollTop = $(window).scrollTop(); var scrollLeft = $(window).scrollLeft(); contextMenu.jqxMenu('open', parseInt(event.clientX) + 5 + scrollLeft, parseInt(event.clientY) + 5 + scrollTop); return false; } }); /* // disable the default browser's context menu. $(document).bind('contextmenu', function (e) { //return false; }); */ function isRightClick(event) { var rightclick; if (!event) var event = window.event; if (event.which) rightclick = (event.which == 3); else if (event.button) rightclick = (event.button == 2); return rightclick; } /*Handle Context Menu*/ $("#searchbox").keyup(function(e){ var match = $(this).val(); var tree = $("#jqxTree").fancytree("getTree"); if(e && e.which === $.ui.keyCode.ESCAPE || $.trim(match) === ""){ //reset filter tree.clearFilter(); return; } // Pass text as filter string (will be matched as substring in the node title) var n = tree.filterNodes(match, {autoExpand: true}); }).focus(); }); })(jQuery); </script> <div id="splitter"> <div> <div id="splitter2"> <div> <div style="width: 100%;"> <div style="float: left;">Search:</div> <input id="searchbox" style="float: left;" /> <div style="clear: both"></div> </div> <div id='jqxTree' style="height: 95%; overflow: auto;"> </div> </div> <div> <a target="_blank" href="<?php echo admin_url('profile.php'); ?> "><?php $tmp = wp_get_current_user(); echo $tmp->user_login; ?> </a> | <a onclick="return confirm('<?php echo Qdmvc_Message::getMsg('msg_confirm'); ?> ')" href="<?php echo wp_logout_url(Qdmvc_Helper::getCompactPageListLink('navigation')); ?> "> <?php echo Qdmvc_Message::getMsg('msg_logout'); ?> </a> </div> </div> </div> <div id="ContentPanel"> <!-- <div id='jqxMenu'> <ul> <li>Close Others</li> <li>Close All</li> </ul> </div>--> <div id='jqxTabs' style="float: left;"> <ul style="margin-left: 30px;" id="unorderedList"> <li>Home</li> </ul> <div> Home page content </div> </div> </div> </div> <script> (function ($) { $(document).ready(function () { $('#panelContentpaneljqxTree li').click(function () { //alert('wtf'); }); }); })(jQuery); </script> <style> #hidden { display: none } </style> </div> <?php }
public function render() { $this->style(); parent::render(); }
public function render() { if ($this->data['nopermission'] === true) { $this->layout_nopermission(); return; } $this->style(); parent::render(); ?> <div id="qdmvcRootDiv" style="display: none; width: inherit; height: inherit"> <?php echo $this->preConfig(); ?> <?php echo $this->internalGateway(); ?> <?php echo $this->externalGateway(); ?> <?php echo $this->formValidation(); ?> <?php echo $this->progressSpinner(); ?> <?php echo $this->lookupWindowLayout(); ?> <?php echo $this->lookupDatePickerLayout(); ?> <?php echo $this->Bar(); ?> <?php echo $this->msgPanelLayout(); ?> <?php echo $this->progressLoader(); ?> <?php echo $this->onReadyHook(); ?> <?php echo $this->applyKOBinding(); ?> </div> <?php }
public function render() { if ($this->data['nopermission'] === true) { $this->layout_nopermission(); return; } $this->style(); parent::render(); ?> <div id="qdmvcRootDiv" style="display: none; width: inherit; height: inherit"> <?php echo $this->onReadyHook(); ?> <?php echo $this->preConfig(); ?> <?php echo $this->externalGateway(); ?> <?php echo $this->internalGateway(); ?> <?php echo $this->generateFields(); ?> <script type="text/javascript"> (function ($) { $(document).ready(function () { var theme = 'classic'; var grid = MYAPP.getGrid(); var source = { datatype: "json", datafields: dataSourceDefine, url: MYAPP.data_port, root: 'rows', beforeprocessing: function (data) { source.totalrecords = data.total; }, //Server side sorting May 19, 2015 sort: function () { // update the grid and send a request to the server. console.log('Send SORT to Server'); grid.jqxGrid('updatebounddata', 'sort'); }, type: 'POST'//switch from GET to POST }; var dataadapter = new $.jqx.dataAdapter(source); // initialize jqxGrid grid.jqxGrid( { width: '100%', height: '100%', source: dataadapter, theme: theme, autoheight: false, pageable: true, showfilterrow: true, filterable: true, showgroupsheader: true, groupable: true, virtualmode: true, pagesize: 20, sortable: true, /*May 19 2015*/ pagesizeoptions: ['5', '10', '20', '50', '100', '200', '999999'], /*Enable Inline Editing*/ /*editable: true, editmode: "dblclick",*/ columnsresize: true, selectionmode: 'singlerow', /*checkbox*/ //scrollmode: 'deferred', rendergridrows: function () { return dataadapter.records; }, columns: dataGridDefine, /* columns: [ { text: 'Ship Name', datafield: 'parent_id', columntype: 'combobox' } ]*/ ready: function () { } }); //event grid.on("filter", function (event) { $('#jqxgrid').jqxGrid('updatebounddata');//refresh grid when typing in filter box }); grid.on('rowselect', function (event) { // event arguments. var args = event.args; var row = args.row; // row's bound index. //var rowBoundIndex = args.rowindex; // row's data. The row's data object or null(when all rows are being selected or unselected with a single action). If you have a datafield called "firstName", to access the row's firstName, use var firstName = rowData.firstName; //formObj = args.row; //call pass obj to CARD try { <?php if ($this->data['role'] == 'navigate') { echo 'parent.MYAPP.clearFormValidationMark();'; echo 'parent.MYAPP.setObj(args.row, true);'; } ?> } catch (error) { console.log(error); } }); grid.on('rowdoubleclick', function (event) { <?php if ($this->data['role'] === 'navigate') { ?> rbindex = event.args.rowindex; obj = $(this).jqxGrid('getrowdata', rbindex); parent.MYAPP.doubleClickObj(obj); <?php } else { if ($this->data['role'] === 'lookup') { ?> $('#qdchoose').trigger('click'); <?php } } ?> }); grid.on("pagechanged", function (event) { console.log('jqxgrid page changed'); }); grid.on("bindingcomplete", function (event) { console.log('jqxgrid binding complete'); try { var paging = $(this).jqxGrid('getpaginginformation'); var offset = paging.pagenum * paging.pagesize; //reselect row if exist if (MYAPP.TmpVar.keepIndex !== false && MYAPP.TmpVar.id != undefined && MYAPP.TmpVar.id != null) { var index = 0; var rows = $(this).jqxGrid('getrows'); for (var i = 0; i < rows.length; i++) { if (rows[i].id == MYAPP.TmpVar.id) { $(this).jqxGrid('selectrow', offset + i); break; } if (i == rows.length - 1) { $(this).jqxGrid('selectrow', offset); } } } else { //var rowindex = $(this).jqxGrid('getselectedrowindex'); $(this).jqxGrid('selectrow', offset); } //reset keep Index MYAPP.TmpVar.keepIndex = true; //Set lookupid filter for 1st time if (parent != undefined && parent != null) { if (parent.MYAPP.LookupMode.isSetLookupFilterForFirstTime == false && parent.MYAPP.LookupMode.lookupid != '') { setTimeout(function () { MYAPP.addGridFilter('id', '=' + parent.MYAPP.LookupMode.lookupid); parent.MYAPP.LookupMode.isSetLookupFilterForFirstTime = true; }, 500); } } } catch (error) { console.log(error); } }); }); })(jQuery); </script> <?php if ($this->data['role'] == 'lookup') { $this->lookupToolbar(); } ?> <?php echo $this->generalToolbar(); ?> <div id='jqxWidget'> <div id="jqxgrid"></div> </div> </div> <?php }