jQWidgets Forums

Forum Replies Created

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts

June 13, 2016 at 1:44 pm in reply to: cellsrenderer without datafield cellsrenderer without datafield #85068

Participant

Oh my God! “Is there …?” of course!

June 20, 2014 at 4:42 pm in reply to: Grid export displayfields instead of datafields Grid export displayfields instead of datafields #56169

mario santanche

Participant

I use jqwidget 3.3.0

June 20, 2014 at 11:56 am in reply to: Grid export displayfields instead of datafields Grid export displayfields instead of datafields #56150

mario santanche

Participant

Hi Dimitar,

I would like to export the datafield, but the function exports the displayfield!
Here is my code:

      $("#jqxgrid").jqxGrid(
            {
                width: 1200,
                source: gridAdapter,
                selectionmode: 'singlecell',
                autoheight: true,
                editable: true,
                theme: theme,
                columns: [
                 
                { text: 'titolo', columntype: 'textbox', filtertype: 'textbox', datafield: 'titolo', width: 480 },
                { text: 'editore', datafield: 'editore', width: 241},
                { text: 'issn',  datafield: 'ISSN_PR', width: 83},
                { text: 'e-issn', filtertype: 'textbox', datafield: 'ISSN_OL', width: 83 },
                { text: 'altro-issn',  datafield: 'ISSN_AL', width: 83 },
                { text: 'idRivista',  datafield: 'idrivista', width: 83 },
                { text: 'IdPubblicazione', datafield: 'IdPubblicazione', width: 83 },
                       
                {text: 'Fornitore', datafield: 'Idfornitore', displayfield: 'Fornitore', columntype: 'combobox', width: 200,
                        createeditor: function (row, value, editor) {
                            editor.jqxComboBox({ source: formAdapter, displayMember: 'Fornitore', valueMember: 'Idfornitore', width: '200px' });
                            
                        	}
                	      },
                	      
                	      
                	]
             });
   
      
      
      
      
      
            $('#jqxgrid').on('bindingcomplete', function (event) {
            $('#jqxgrid').jqxGrid('hidecolumn', 'IdPubblicazione'); 
              $('#jqxgrid').jqxGrid('hidecolumn', 'idrivista'); 
              });
            
           $('#jqxButtonEdi').on('click', function () { 
        var data=$("#jqxgrid").jqxGrid('exportdata', 'json', 'esporta', true, null, true, 'http://.../aTodb.php');   
           });

I haven’t got the ID, I have the displayfield…
Thanks,
Mario

May 7, 2014 at 4:13 pm in reply to: Dynamic Height for Window Dynamic Height for Window #54128

mario santanche

Participant

Is it possible to put a Grid (jqxgrid) in jqxWindow and use a method like ‘setcontent’ to toggle two grids?
Thanks in advance.
Mario

January 21, 2014 at 1:57 pm in reply to: tabs select event tabs select event #48168

mario santanche

Participant

Dear Peter,
I fixed my code but the button doesn’t work…

<!DOCTYPE html>
<html lang="it">
<head>
    <title id='Description'>Periodici Sapienza.
    </title>
    <link rel="stylesheet" href="../../jquery/script/jqwidgets/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../../jquery/script/jqwidgets/styles/jqx.ui-redmond.css" type="text/css" />
  
    <script type="text/javascript" src="../../jquery/script/scripts/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxcore.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxtabs.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxcheckbox.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxmenu.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxgrid.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxgrid.selection.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxbuttons.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxscrollbar.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxlistbox.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxdropdownlist.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxdata.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxchart.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxgrid.pager.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxgrid.sort.js"></script>
    <script type="text/javascript" src="../../jquery/script/jqwidgets/jqxgrid.filter.js"></script>
   
  
    
  <style>
        html, body {
              
        background-color: #CEECF5
      }
      
   
 </style>
    
    
    
 <script type="text/javascript">
   
    
    
    $(document).ready(function () {
            var theme = "ui-redmond";

            // Create jqxTabs.
            $('#jqxTabs').jqxTabs({ 
            		    
               position:"top",
               theme: theme,
           
            });

            
        var loadPage = function (url, tabIndex) {
                $.get(url, function (data) {
                    $('#content' + tabIndex).html(data);
                			  });
            }

            loadPage('rivista/masterdetails.php', 1);
         
            
            $('#jqxTabs').on('selected', function (event) {
               var pageIndex = event.args.item + 1;
               
                switch(pageIndex)
                       	   {
                       	     case 1:
                       		      loadPage('rivista/masterdetails1.php', pageIndex);
                       	      break;
                             case 2:
                             	     loadPage('centri/masterdetails1.php', pageIndex);
                             break;
                               case 3:
                               	      
                               	       
                             	   loadPage('editori/masterdetails1.php', pageIndex);
                             break;
                               case 4:
                                  loadPage('fornitori/masterdetails1.php', pageIndex);
                             
                             	     
                             break;
                     	    default:
                     		
                     	   }
                
              });
    
        $('#jqxButton').click(function () {
        		$('#jqxTabs').jqxTabs('select', 2);
        	});    
            
            
        });
    
  
  </script>

</head>
<body class='default'>
    <div id='jqxTabs' style="min-height: 880px;">
        <ul>
            <li style="margin-left: 30px;">Titoli</li>
            <li>Centri</li>
            <li>Editore</li>
            <li>Fornitori</li>
        </ul>
        <div id="content1" style="margin-left: 5px;">
             Loading...
        </div>
        <div id="content2" style="margin-left: 5px;">
             Loading...
        </div>
        <div id="content3" style="margin-left: 5px;">
             Loading...
        </div>
        <div id="content4" style="margin-left: 5px;">
             Loading...
        </div>
    </div>
    
         <div style='margin-top: 10px;'>
    <input type="button" id='jqxButton' value="Select tab 2" />
</div>
    
</body>
</html>

Again, thank you for your interest.
Mario

Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)