jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 31 through 45 (of 89 total)
  • Author
    Posts
  • in reply to: radio button without value radio button without value #69871

    cpuin
    Participant

    Dear Nadhezda,

    I can’t upload the example on the jsfiddle, because the main part of the example will not work.
    I have recored vido showing the issue.
    Here it is:

    in reply to: radio button without value radio button without value #69678

    cpuin
    Participant

    Dear Nadhezda,

    As you can see in the code i’m providing i use different IDs for the buttons! I get the value w/out problem.
    What is happening is that when close the window with first button and than open another window with other buttons, no button is selected!The ring is empty. If i select some and close and than open the other the same happens.

    in reply to: custom button rendering custom button rendering #69625

    cpuin
    Participant

    The code is the same, i just add the check you suggest for “BUTTON”.When click outside of the icon it works, now when click on the icon nothing happens because of the check.

    in reply to: custom button rendering custom button rendering #69602

    cpuin
    Participant

    In fact, when click on the picture of the button, nothing happens.Why the picture is not a part of the button?How to achieve working button with icon?

    in reply to: custom button rendering custom button rendering #69600

    cpuin
    Participant

    Dear Nadhezda,

    Now it seems to work as expected.Thank you very much.
    Despite of this i still can’t understand how in this case works “the getting of the row value”.

    in reply to: custom button rendering custom button rendering #69542

    cpuin
    Participant

    Yes it is.
    As i told you before in more times it return right value, but for instance on every 10-15 give 3-4 undefined instead of the value.

    This is the code, i can’t find differences with yours.
    It seems to be a bug or browser specific issue.

    
    function createTable() {
    			
    			var source =
    						{
    							datatype: "json",
    							datafields: [
    								{ name: 'ID', type: 'int'},
    								{ name: 'Acct', type: 'int'},
    								{ name: 'InvoiceNumber', type: 'string'},
    								{ name: 'partnerName' , type: 'string'},
    								{ name: 'ObjectID' , type: 'string'},
    								{ name: 'InvoiceDate' , type: 'string'}
    							],
    							url: url,
    							cache: false,
    							addRow: function (rowID, rowData, position, commit) {
    							           var data = "insert=true&" + $.param(rowData);
    							           $.ajax({
    							               dataType: 'json',
    							               url: 'json_documents.php',
    							               cache: false,
    							               data: data,
    							               success: function (data, status, xhr) {
    							                   // update command is executed.
    							                   commit(true);
    							               },
    							               error: function (jqXHR, textStatus, errorThrown) {
    							                   commit(false);
    							                   alert(errorThrown);
    							                   }
    							                  });
    							                },
    							updateRow: function (rowID, rowData, commit) {
    									   var data = "" + $.param(rowData);
    									   $.ajax({
    										   dataType: 'json',
    										   url: '',
    										   cache: false,
    										   data: data,
    										   success: function (data, status, xhr) {
    											   // update command is executed.
    											   commit(true);
    										   },
    										   error: function (jqXHR, textStatus, errorThrown) {
    											   commit(false);
    											   alert('Does not work :(');
    											   }
    											  });
    											},
    							deleteRow: function (rowID, commit) {
    												// synchronize with the server - send delete command
    												// call commit with parameter true if the synchronization with the server is successful 
    												// and with parameter false if the synchronization failed.
    												commit(true);
    											}
    						};
    						
    				 
    				 
    				 var dataAdapter = new $.jqx.dataAdapter(source);
    				 
    				 this.editrow = -1;
    				 
    				 $("#dataTable").jqxDataTable(
    				 				 {
    				 					 width: 750,
    				 					 pageable: true,
    				 					 pagerButtonsCount: 10,
    				 					 source: dataAdapter,
    				 					 filterable: true,
    				 					 filterMode: 'simple',
    				 					 sortable: true,
    				 					 selectionMode: 'none',
    				 					 enableHover:false,
    				 					 columnsResize: false,
    				 					 altRows: true,
    				 					 showAggregates: false,
    				 					 aggregatesHeight: 60,
    				 					 rendered: function () {                   
    				 					                $(".editButtons").jqxButton({ width: 90 });
    													$(".editButtons").on('click', function (event) {
    														var row = $(event.target).attr('data-row');
    														var cellValueAcct = $("#dataTable").jqxDataTable('getCellValue', row, 'Acct');
    														//alert(value);
    
    														//alert(row);
    														//CREATE WINDOW
    														$('#eventWindow').jqxWindow({
    														                maxHeight: 180,
    														                maxWidth: 280,
    														                minHeight: 30, 
    														                minWidth: 250, 
    														                height: 180, 
    														                width: 270,
    														                resizable: false, 
    														                isModal: true, 
    														                modalOpacity: 0.3,
    														                okButton: $('#print'), cancelButton: $('#cancel'),
    														                initContent: function () {
    														                    $("#bg").jqxRadioButton({ width: 120, height: 25, checked: true});
    														                    $("#en").jqxRadioButton({ width: 120, height: 25, checked: false});
    														                    $('#print').jqxButton({ width: '80px' });
    														                    $('#download').jqxButton({ width: '80px' });
    														                    $('#cancel').jqxButton({ width: '80px' });
    														                    $('#print').focus();
    														                    
    														                }
    														            });
    														//OPEN THE WINDOW
    														$("#eventWindow").jqxWindow('open');
    														$("#eventWindow").css('visibility', 'inherit');
    														$("#print").off("mousedown");
    														$("#print").on("mousedown",function() {
    																
    														$("#eventWindow").jqxWindow('close');
    														//print PDF
    														//var saleNumber = $("#invAcct").val();
    														
    														var saleNumber = cellValueAcct;
    														if ($("#bg").val()==true) {
    															//BG
    															var url = "invoicebg.php?saleNumber=" + saleNumber;				        			var myWindow=window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=no, top=10, left=350, width=600, height=700");
    															myWindow.focus();
    															myWindow.print();
    														}
    														else {
    															//EN
    														
    														    var url = "invoiceen.php?saleNumber=" + saleNumber;				        		    var myWindow=window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=no, top=10, left=350, width=600, height=700");
    														    myWindow.focus();
    														    myWindow.print();
    														}				        				
    																		
    															});
    											    });
    				 					   },
    				 					 columns: [
    				 					 	 { text: 'Дата:', dataField: 'InvoiceDate' , width: 150},
    				 					 	 //{ text: 'Acct:', dataField: 'Acct' , width: 100},
    				 						 { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 },
    				 						 { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 },
    				 						 { text: 'Партньор:', dataField: 'partnerName', width:250},
    				 						 { text: 'Отпечатай', cellsAlign: 'center', columnType: 'none', width:100, editable: false, sortable: false, dataField: null, cellsRenderer: function (row, column, value) {
    				 						                           // render custom column.
    				 						                           return "<button data-row='" + row + "' class='editButtons'><img src='css/myicons/icon_print.png' height='15'/></button>";
    				 												
    				 													
    				 						                       }
    				 						 }
    				 						 
    				 						 						  
    				 						 ]
    				 						 
    				 				 });
    
    in reply to: custom button rendering custom button rendering #69491

    cpuin
    Participant

    Dear Nadehzda,

    After serious testing i can make the following conclusion:

    – your code works correct
    – my code, which is same as your returns randomly the right value (row), and some times “undefined”.This is on Safari 8.0.4 on OS X 10.10.2
    – my code works correct on Firefox 36.0.4
    – i use latest version of jqWidgets:
    <script type=”text/javascript” src=”js/jquery-1.11.1.min.js”></script>
    <script type=”text/javascript” src=”js/jqx-all-3.7.1.js”></script>

    in reply to: custom button rendering custom button rendering #69384

    cpuin
    Participant

    Dear Nadhezda,

    thank you!

    Unfortunately i’m still getting buttons to return randomly the number of row and unidentified 🙁

    in reply to: custom button rendering custom button rendering #69352

    cpuin
    Participant

    There is a problem, trying to get the row data.
    I got the row, but i can’t access the table’s row values.
    For instance i want to access the value of the first column which is ‘Acct’
    I’m trying to do this like this:

    rendered: function () {                   
    				 					                $(".editButtons").jqxButton({ width: 90 });
    													$(".editButtons").on('click', function (event) {
    														var row = $(event.target).attr('data-row');
    
    														//alert(row);
    														//CREATE WINDOW
    														$('#eventWindow').jqxWindow({
    														                maxHeight: 180,
    														                maxWidth: 280,
    														                minHeight: 30, 
    														                minWidth: 250, 
    														                height: 180, 
    														                width: 270,
    														                resizable: false, 
    														                isModal: true, 
    														                modalOpacity: 0.3,
    														                okButton: $('#print'), cancelButton: $('#cancel'),
    														                initContent: function () {
    														                    $("#bg").jqxRadioButton({ width: 120, height: 25, checked: true});
    														                    $("#en").jqxRadioButton({ width: 120, height: 25, checked: false});
    														                    $('#print').jqxButton({ width: '80px' });
    														                    $('#download').jqxButton({ width: '80px' });
    														                    $('#cancel').jqxButton({ width: '80px' });
    														                    $('#print').focus();
    														                    
    														                }
    														            });
    														//OPEN THE WINDOW
    														$("#eventWindow").jqxWindow('open');
    														$("#eventWindow").css('visibility', 'inherit');
    														$("#print").off("mousedown");
    														$("#print").on("mousedown",function() {
    																
    														$("#eventWindow").jqxWindow('close');
    														//print PDF
    														//var saleNumber = $("#invAcct").val();
    														var saleNumber = row.Acct;
    														var url = "invoiceen.php?saleNumber=" + saleNumber;
    														var myWindow=window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=no, top=10, left=350, width=600, height=700");
    														myWindow.focus();
    														myWindow.print();				        				
    																		
    															});
    
    in reply to: custom button rendering custom button rendering #69337

    cpuin
    Participant

    putting { width: 100 } on theeditButton fix the rendering.It’s weird because in your example works properly w/out it, but in mine no.

    Thank you a lot!

    in reply to: custom button rendering custom button rendering #69324

    cpuin
    Participant
    
    // CREATE TABLE ------------------------------------------------------------------------------------			
    			function createTable() {
    			
    			var source =
    						{
    							datatype: "json",
    							datafields: [
    								{ name: 'ID', type: 'int'},
    								{ name: 'InvoiceNumber', type: 'string'},
    								{ name: 'partnerName' , type: 'string'},
    								{ name: 'ObjectID' , type: 'string'},
    								{ name: 'InvoiceDate' , type: 'string'}
    							],
    							url: url,
    							cache: false,
    							addRow: function (rowID, rowData, position, commit) {
    							           var data = "insert=true&" + $.param(rowData);
    							           $.ajax({
    							               dataType: 'json',
    							               url: 'json_documents.php',
    							               cache: false,
    							               data: data,
    							               success: function (data, status, xhr) {
    							                   // update command is executed.
    							                   commit(true);
    							               },
    							               error: function (jqXHR, textStatus, errorThrown) {
    							                   commit(false);
    							                   alert(errorThrown);
    							                   }
    							                  });
    							                },
    							updateRow: function (rowID, rowData, commit) {
    									   var data = "" + $.param(rowData);
    									   $.ajax({
    										   dataType: 'json',
    										   url: '',
    										   cache: false,
    										   data: data,
    										   success: function (data, status, xhr) {
    											   // update command is executed.
    											   commit(true);
    										   },
    										   error: function (jqXHR, textStatus, errorThrown) {
    											   commit(false);
    											   alert('Does not work :(');
    											   }
    											  });
    											},
    							deleteRow: function (rowID, commit) {
    												// synchronize with the server - send delete command
    												// call commit with parameter true if the synchronization with the server is successful 
    												// and with parameter false if the synchronization failed.
    												commit(true);
    											}
    						};
    						
    				 
    				 
    				 var dataAdapter = new $.jqx.dataAdapter(source);
    				 
    				 this.editrow = -1;
    				 
    				 $("#dataTable").jqxDataTable(
    				 				 {
    				 					 width: 750,
    				 					 pageable: true,
    				 					 pagerButtonsCount: 10,
    				 					 source: dataAdapter,
    				 					 filterable: true,
    				 					 filterMode: 'simple',
    				 					 sortable: true,
    				 					 selectionMode: 'none',
    				 					 enableHover:false,
    				 					 columnsResize: false,
    				 					 altRows: true,
    				 					 showAggregates: false,
    				 					 aggregatesHeight: 60,
    				 					 rendered: function () {                   
    				 					                     $(".editButtons").jqxButton();
    //				 					                     $(".editButtons").on('click', function (event) {
    //				 					                         alert('print');
    //				 					                     });
    													$(".editButtons").on('click', function (event) {
    														    alert($(event.target).attr('data-row'));
    														                     });
    				 					   },
    				 					 columns: [
    				 					 	 { text: 'Дата:', dataField: 'InvoiceDate' , width: 150},
    				 						 { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 },
    				 						 { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 },
    				 						 { text: 'Партньор:', dataField: 'partnerName', width:250},
    				 						 { text: 'Print', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row, column, value) {
    				 						                           // render custom column.
    				 						                           return "<button data-row='" + row + "' class='editButtons'><img src='css/myicons/icon_print.png' height='25' width='25'/></button>";
    				 												
    				 													
    				 						                       }
    				 						 }
    				 						 
    				 						 						  
    				 						 ]
    				 						 
    				 				 });
    			
    			}
    
    in reply to: custom button rendering custom button rendering #69323

    cpuin
    Participant

    Dear Nadhezda,

    A part of the wrong displayed button/picture, the behaviour of this code is super, super weird.
    When i click on the button sometimes appear the number of the row, sometimes “undefined”.I tested with several click trying to get some logic, but it seems it loads randomly undefined and the number of the row.Even buttons which display correct the number of the row, w/out refresh of the table when i click again display undefined.

    in reply to: custom button rendering custom button rendering #69319

    cpuin
    Participant

    No errors!
    If i replace the picture with text, the same happens, the width of the button remain like this, it’s flattened.

    in reply to: custom button rendering custom button rendering #69260

    cpuin
    Participant

    Buttons, pictures are still as in the image i have attached.

    This is the full source:

    
    <script type="text/javascript">
    		$(document).ready(function () {			   
    				
    				
    // INIT --------------------------------------------------------------------------------------
    			var start = $('#startDate').val();
    			var end = $('#endDate').val();
    			var url = 'json_documents.php?' + "startDate=" + start + "&endDate=" + end;
    			createTable();
    			
    			
    // SAVE INVOICE --------------------------------------------------------------------------------------			
    			function saveInvoice(rowData) {
    			
    				var data = "insert=true&" + $.param(rowData);
    				$.ajax({
    				    dataType: 'json',
    				    url: 'json_documents.php',
    				    cache: false,
    				    data: data,
    				    success: function (data, status, xhr) {
    				        //command is executed
    				        //close dialog
    				        $("#addDialog").jqxWindow('close');
    				        //create confirmation modal dialog
    				        $('#eventWindow').jqxWindow({
    				                        maxHeight: 150, maxWidth: 280, minHeight: 30, minWidth: 250, height: 150, width: 270,
    				                        resizable: false, isModal: true, modalOpacity: 0.3,
    				                        okButton: $('#print'), cancelButton: $('#cancel'),
    				                        initContent: function () {
    				                            $('#print').jqxButton({ width: '80px' });
    				                            $('#download').jqxButton({ width: '80px' });
    				                            $('#cancel').jqxButton({ width: '80px' });
    				                            $('#print').focus();
    				                            
    				                        }
    				                    });
    				        
    				        $("#eventWindow").jqxWindow('open');
    				        $("#eventWindow").css('visibility', 'inherit');
    				        $("#print").off("mousedown");
    				        $("#print").on("mousedown",function() {
    				        		
    				        		$("#eventWindow").jqxWindow('close');
    				        		//print PDF
    				        		var saleNumber = $("#invAcct").val();
    				        		var url = "invoiceen.php?saleNumber=" + saleNumber;
    				        		var myWindow=window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=no, top=10, left=350, width=600, height=700");
    				        		myWindow.focus();
    				        		myWindow.print();				        				
    				        				
    				        	});
    				        //UPDATE TABLE WHEN eventWindow CLOSE	
    				        $("#eventWindow").off("close");
    				        $("#eventWindow").on("close",function() {
    				        	createTable();
    				        });
    				    },
    				    error: function (jqXHR, textStatus, errorThrown) {
    				        //command has failed on execution
    				        //alert(errorThrown);
    				        //command is executed
    				        $("#addDialog").jqxWindow('close');
    				        //create confirmation modal dialog
    				        $('#errorWindow').jqxWindow({
    				                        maxHeight: 150, maxWidth: 280, minHeight: 30, minWidth: 250, height: 145, width: 270,
    				                        resizable: false, isModal: true, modalOpacity: 0.3, cancelButton: $('#errorCancel'),
    				                        initContent: function () {
    				                            $('#errorCancel').jqxButton({ width: '80px' });
    				                            $('#errorCancel').focus();
    				                            
    				                        }
    				                    });
    				        
    				        $("#errorWindow").jqxWindow('open');
    				        $("#errorWindow").css('visibility', 'visible');
    				        $("#ok").off("mousedown");
    				        $("#ok").on("mousedown",function() {
    				        		
    				        		$("#errorWindow").jqxWindow('close');
    				        						        				
    				        				
    				        	});
    				        				        
    				        
    				        }
    				       });
    			
    			}
    			
    // CREATE TABLE ------------------------------------------------------------------------------------			
    			function createTable() {
    			
    			var source =
    						{
    							datatype: "json",
    							datafields: [
    								{ name: 'ID', type: 'int'},
    								{ name: 'InvoiceNumber', type: 'string'},
    								{ name: 'partnerName' , type: 'string'},
    								{ name: 'ObjectID' , type: 'string'},
    								{ name: 'InvoiceDate' , type: 'string'}
    							],
    							url: url,
    							cache: false,
    							addRow: function (rowID, rowData, position, commit) {
    							           var data = "insert=true&" + $.param(rowData);
    							           $.ajax({
    							               dataType: 'json',
    							               url: 'json_documents.php',
    							               cache: false,
    							               data: data,
    							               success: function (data, status, xhr) {
    							                   // update command is executed.
    							                   commit(true);
    							               },
    							               error: function (jqXHR, textStatus, errorThrown) {
    							                   commit(false);
    							                   alert(errorThrown);
    							                   }
    							                  });
    							                },
    							updateRow: function (rowID, rowData, commit) {
    									   var data = "" + $.param(rowData);
    									   $.ajax({
    										   dataType: 'json',
    										   url: '',
    										   cache: false,
    										   data: data,
    										   success: function (data, status, xhr) {
    											   // update command is executed.
    											   commit(true);
    										   },
    										   error: function (jqXHR, textStatus, errorThrown) {
    											   commit(false);
    											   alert('Does not work :(');
    											   }
    											  });
    											},
    							deleteRow: function (rowID, commit) {
    												// synchronize with the server - send delete command
    												// call commit with parameter true if the synchronization with the server is successful 
    												// and with parameter false if the synchronization failed.
    												commit(true);
    											}
    						};
    						
    				 
    				 
    				 var dataAdapter = new $.jqx.dataAdapter(source);
    				 
    				 
    				 
    				 $("#dataTable").jqxDataTable(
    				 				 {
    				 					 width: 750,
    				 					 pageable: true,
    				 					 pagerButtonsCount: 10,
    				 					 source: dataAdapter,
    				 					 filterable: true,
    				 					 filterMode: 'simple',
    				 					 sortable: true,
    				 					 selectionMode: 'none',
    				 					 enableHover:false,
    				 					 columnsResize: false,
    				 					 altRows: true,
    				 					 showAggregates: false,
    				 					 aggregatesHeight: 60,
    				 					 rendered: function () {                   
    				 					                     $(".editButtons").jqxButton();
    				 					                     $(".editButtons").on('click', function (event) {
    				 					                         alert('print');
    				 					                     });
    				 					   },
    				 					 columns: [
    				 					 	 { text: 'Дата:', dataField: 'InvoiceDate' , width: 150},
    				 						 { text: 'Ф-ра номер:', dataField: 'InvoiceNumber', width: 100 },
    				 						 { text: 'Обект:', dataField: 'ObjectID', cellsFormat: 'f', width: 150 },
    				 						 { text: 'Партньор:', dataField: 'partnerName', width:250},
    				 						 { text: 'Print', cellsAlign: 'center', align: "center", columnType: 'none', editable: false, sortable: false, dataField: null, cellsRenderer: function (row) {
    				 						                           // render custom column.
    				 						                           return "<button data-row='" + row + "' class='editButtons'><img src='css/myicons/icon_print.png' height='25' width='25'/></button>";
    				 												
    				 													
    				 						                       }
    				 						 }
    				 						 
    				 						 						  
    				 						 ]
    				 						 
    				 				 });
    			
    			}
    			
    			
    // EVENT DIALOG --------------------------------------------------------------------------------------			
    			
    
    // CREATE DATE WIDGETS -------------------------------------------------------------------------------			
    			
    			$("#startDate").jqxDateTimeInput({width: '100px', height: '25px', formatString: "yyyy-MM-dd"});
    		   		
    		   		
    		   		$("#endDate").jqxDateTimeInput({width: '100px', height: '25px', formatString: "yyyy-MM-dd"});
    		   		
    		   		
    // CREATE SUBIMT BUTTON ------------------------------------------------------------------------------
    
    		   		$("#submitButton").jqxButton({width: '100px', height: '25px'});
    		   		$("#submitButton").mousedown(function() {
    		   					var start = $('#startDate').val();
    		   					var end = $('#endDate').val();
    		   					
    		   					//check which arguments are selected
    		   					
    		   					url = 'json_documents.php?' + "startDate=" + start + "&endDate=" + end;
    		   									createTable();
    		   									//window.alert(url);
    		   					
    		   					
    		   		});
    		   		
    				
    // CREATE EXPORT and PRINT BUTTONS of the TABLE ------------------------------------------------------
    		   
    		   		
    		   		$("#excelExport").jqxButton();
    		   					$("#xmlExport").jqxButton();
    		   					$("#csvExport").jqxButton();
    		   					$("#tsvExport").jqxButton();
    		   					$("#htmlExport").jqxButton();
    		   					$("#jsonExport").jqxButton();
    		   					$("#excelExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'xls');
    		   					});
    		   					$("#xmlExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'xml');
    		   					});
    		   					$("#csvExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'csv');
    		   					});
    		   					$("#tsvExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'tsv');
    		   					});
    		   					$("#htmlExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'html');
    		   					});
    		   					$("#jsonExport").click(function () {
    		   						$("#dataTable").jqxDataTable('exportData', 'json');
    		   					});
    		   					
    		   		 $("#printButton").jqxButton({ width: 80 });
    		   				  
    		   					$("#printButton").click(function () {
    		   						 var gridContent = $("#dataTable").jqxDataTable('exportData', 'html');
    		   						 var newWindow = window.open('', '', 'width=800, height=500'),
    		   						 document = newWindow.document.open(),
    		   						 pageContent =
    		   							 '<!DOCTYPE html>' +
    		   							 '<html>' +
    		   							 '<head>' +
    		   							 '<meta charset="utf-8" />' +
    		   							 '<title>jQWidgets DataTable</title>' +
    		   							 '</head>' +
    		   							 '<body>' + gridContent + '</body></html>';
    		   						 document.write(pageContent);
    		   						 document.close();
    		   						 newWindow.print();
    		   					 });
    //ADD DIALOG -----------------------------------------------------------------------------------------      
    
    		   					 
    		   				
    		   					 
    			});
    	</script>
    	
    	
    	<div style='margin-top: 20px;'>
    		<div style='float: left;' id="startDate" type="date" name="startdate"></div>
    		<div style='float: left;' id="endDate" type="date" name="endDate" /></div>
    	<input type="button" value="Изпрати" id='submitButton' />
    	</div>
    	<br>
    	<div id="dataTable"></div>
    	<div style='margin-top: 20px;'>
    		<div style='float: left;'>
    			<input type="button" value="Export to Excel" id='excelExport' />
    			<br />
    			<br />
    			<input type="button" value="Export to XML" id='xmlExport' />
    		</div>
    		<div style='margin-left: 10px; float: left;'>
    			<input type="button" value="Export to CSV" id='csvExport' />
    			<br />
    			<br />
    			<input type="button" value="Export to TSV" id='tsvExport' />
    		</div>
    		<div style='margin-left: 10px; float: left;'>
    			<input type="button" value="Export to HTML" id='htmlExport' />
    			<br />
    			<br />
    			<input type="button" value="Export to JSON" id='jsonExport' />
    		</div>
    	</div>
    	<div style='margin-top: 20px;'>
    		<div style='margin-left: 10px; float: left;'>
    			<input type="button" value="Print" id='printButton' />
    		</div>
    	</div>
    	
    		      
    	      
    	      
    	      <div id="eventWindow" style="visibility: hidden;">
    	      <div id="windowHeader">
    	                          <span>
    	                              <img src="css/myicons/icon_ok.png" height="20" alt="" style="margin-right: 15px" />
    	                          </span>
    	        </div>
    	      	<div>
    	        	<table width="100%">
    	        		<tr>
    	        			<td valign="center" align="center" height="30" colspan="3"><font color="green">Фактурата беше запазена успешно!</font></td>
    	        		</tr>
    	            	<tr>
    	            		<td width="80" valign="center" align="center" height="30" colspan="3">BG/EN</td>
    	                </tr>
    	                <tr>
    	                	<td width="80"><button id="print">Принтирай</button></td>
    	                	<td width="80"><button id="download">PDF</button></td>
    	                	<td width="80" colspan="2"><button id="cancel">Отказ</button></td>
    	                </tr>
    	            </table>	                          
    	      	</div>
    	      </div>
    	      
    	      
    	      
    	      <div id="errorWindow" style="visibility: hidden;">
    	      <div id="errorWindowHeader">
    	                          <span>
    	                              <img src="css/myicons/icon_cancel.png" height="20" alt="" style="margin-right: 15px" />
    	                          </span>
    	        </div>
    	      	<div>
    	        	<table width="100%">
    	        		<tr>
    	        			<td rowspan="4"><font color="red">Възникна грешка.<br>Операцията НЕ е записна!</font></td>
    	        		</tr>
    	                <tr>
    	                	<td width="80"><button id="errorCancel">Затвори</button></td>
    	                </tr>
    	            </table>	                          
    	      	</div>
    	      </div>
    
    in reply to: custom button rendering custom button rendering #69259

    cpuin
    Participant

    Dear Nadezhda,

    Now it works! I changed filtermode with filterMode!
    Despite of your recommendation i like using jqx-all.js in the process of development.When the project will be on use i’ll get rid of the modules i don’t use.

    Thank you for your HELP!

Viewing 15 posts - 31 through 45 (of 89 total)