jQWidgets Forums

Forum Replies Created

Viewing 15 posts - 31 through 45 (of 67 total)
  • Author
    Posts
  • in reply to: Dropdownlist corrput text Dropdownlist corrput text #53437

    mr_putersmit
    Participant

    Thanks Peter. Will post back.

    in reply to: Dropdownlist corrput text Dropdownlist corrput text #53407

    mr_putersmit
    Participant

    Peter
    I am using v3.2.2. I also notice that there is a conflict with the jquery ui themes. For example, I have a a dialog that uses a jquery ui theme and if I use say ‘arctic’ as a theme in widgets, then in the dropdownlist when selected, the background instead of being blue, takes on the appearance of the jquery theme, glass background with white unreadable text. Almost 3d like. Is there a way to use both your themes and jquery ui themes? Thanks

    in reply to: Dropdownlist corrput text Dropdownlist corrput text #53343

    mr_putersmit
    Participant

    Hi Peter

    I am loading required base and theme files like thus:

    <link rel="stylesheet" href="../users/styles/jqx.base.css" type="text/css" />
    <link rel="stylesheet" href="../users/styles/jqx.ui-sunny.css" type="text/css" />

    and have verified that they have loaded in net tab of firebug. Also, I notice in my dropdown that there is also a horizontal bar as well as vertical scrollbar. How do I remove horizontal scrollbar? I did note that changing position:absolute to relative kinda solved the problem but when a user selected a value, the background of the selected item, instead of being orange, it had the appearance of 3d text on a grey background. How can I troubleshoot this. Thanks

    in reply to: Grid theme problem Grid theme problem #53244

    mr_putersmit
    Participant

    Hi Dimitar

    Thank you for reply. 1 Question in response to your answer. How do I apply a theme to a single widget? In theme builder, when I build css it creates a style sheet for all widgets. Thanks

    in reply to: Missing reference error Missing reference error #52961

    mr_putersmit
    Participant

    Hi Peter
    Thank you for info. I also have additional problem using the php demo:

    server_side_grid_editing_with_popup

    What tends to happen is before the grid loads, the popup is viewable. ie, it is not hidden. It hides when the grid has actually loaded its data. Any advice? Thanks

    in reply to: Opening window 2nd time Opening window 2nd time #52781

    mr_putersmit
    Participant

    Dimitar

    Thanks very much, but have now got it sorted. Many thanks for your help

    in reply to: Opening window 2nd time Opening window 2nd time #52779

    mr_putersmit
    Participant

    Dimitar

    I have taken your suggestion but if i set the autoOpen: false the window does not fire at all. In my external js files I have the code:

    function helpWindow() {
    	
    		$("#content").show();
            $("#jqxwindow").jqxWindow({ 
            	
            	height:'auto', 
            	width: 'auto', 
            	theme: 'summer', 
            	showCollapseButton: true, 
            	isModal: true,
            	animationType: 'fade',
            	autoOpen: false
            	
            	});
            	
        }

    and in my index.php page I have:

    <script type="text/javascript">
    $(function(){
       $('#jqxwindow').jqxWindow('open');
    });
    </script>

    where am I going wrong with this. Thanks

    in reply to: Opening window 2nd time Opening window 2nd time #52771

    mr_putersmit
    Participant

    Dimitar

    Thanks for reply. I am not quite sure I follow your answer. The amended code I have posted. is that correct? I didn’t think you could have 2 functions with the same name. Thanks

    function helpWindow() {
    	
            $("#jqxwindow").jqxWindow({ 
            	
            	height:'auto', 
            	width: 'auto', 
            	theme: 'darkblue', 
            	showCollapseButton: true, 
            	isModal: true 
            	
            	});
        }
    
    function helpWindow() {
        $('#jqxwindow').jqxWindow('open');
    }
    in reply to: Passing value to php advice Passing value to php advice #52647

    mr_putersmit
    Participant

    Thank you very much peter. Good luck with the widgets.

    in reply to: get row data from grid get row data from grid #6674

    mr_putersmit
    Participant

    Peter

    In the example you give here on your site:

    // create new row.
    $("#addrowbutton").bind('click', function () {
    var datarow = generaterow();
    $("#jqxgrid").jqxGrid('addrow', null, datarow);
    });

    That is fine on the fly and I can follow that. But my scenario is quite different. What I need to do is to click on a button which opens popup with form fields. I then need to capture those events to MySQL along with the row data. Can you show example for that? Easy as pie in php, but quite new to JavaScript and jQuery and certainly to your widgets. Many Thanks for your continuing help whilst I try and grasp this new way of working.

    in reply to: get row data from grid get row data from grid #6577

    mr_putersmit
    Participant

    Peter
    OK.May I put it like this. What is the correct way to retrieve data from a grid and pass to ajax for db inclusion. Once I have the framework, I can possibly figure the rest out from the API. Thanks

    in reply to: get row data from grid get row data from grid #6536

    mr_putersmit
    Participant

    Hi Peter

    I have looked at that tut extensively and still am slightly confused. For example, in the link you gave me, in the section where the grid is populated under the addrow code there is a line var datarow = generaterow(rowscount + 1); there is no generaterow function that I can see. That appears in the xml example. So how is datarow used in the php example? Also, this example is only good for adding the next available row to the grid from the db. What about if someone wanted to add new data by say using popup and submit to php through ajax? Thanks

    in reply to: destroy window destroy window #6483

    mr_putersmit
    Participant
    <div id="header">
    <div>ACTION ERROR</div>
    <div>You must select a row to action!
    <!-- The buttons should go into the "Content" <div> -->
    <button id="OK">OK</button>
    <button id="Cancel">Cancel</button>
    </div></div>
    in reply to: destroy window destroy window #6473

    mr_putersmit
    Participant

    The input tags for the ok and cancel buttons seem to have dissapeared?

    in reply to: destroy window destroy window #6472

    mr_putersmit
    Participant

    Dimitar. Still cannot get it to work. I have posted code and would be grateful for guidance. The window does not open. Thanks

    var dataAdapter = new $.jqx.dataAdapter(source);

    $("#deleterowbutton").jqxButton({ theme: 'classic' });
    $("#actionrowbutton").jqxButton({ theme: 'classic' });
    $("#Action").jqxButton({ theme: 'classic' });
    $("#OK").jqxButton({ width: '50', height: '25' }); //makes use of jqxbuttons.js
    $("#Cancel").jqxButton({ width: '50', height: '25' }); //makes use of jqxbuttons.js
    $("#header").jqxWindow({ height: 150, width: 350 });
    $('#header').jqxWindow({ okButton: $('#OK') }); //creates the OK button - returns true
    $('#header').jqxWindow({ cancelButton: $('#Cancel') }); //creates the Cancel button - returns false

    $("#header").hide();
    $("#actionWindow").hide();
    $("#delete").hide();
    $("#dialog").hide();
    $("#actioned").hide();

    // action row.
    $("#header").bind('click', function () {
    var selectedrowindex = $("#jqxgrid").jqxGrid('getselectedrowindex');
    //var datarow = $("#jqxgrid").jqxGrid('getrowdata');alert(datarow);
    var rowscount = $("#jqxgrid").jqxGrid('getdatainformation').rowscount;
    if (selectedrowindex >= 0 && selectedrowindex < rowscount) {
    var rows = $('#jqxgrid').jqxGrid('getrows', selectedrowindex);
    var id = $("#jqxgrid").jqxGrid('getrowid', selectedrowindex);
    //var service = datarow;
    //console.log(id + service);
    $("#jqxgrid").jqxGrid('actionrow', id, rows);
    //alert(id + service);
    /*
    *$( "#actionWindow" ).dialog({

    //title: 'DELETE ERROR',
    resizable: false,
    modal: true,
    buttons: {
    "Ok": function() {
    $(this).dialog("close");
    }
    }

    });
    */
    $("#header").show();
    $('#header').jqxWindow('open');
    }
    });

    ACTION ERROR
    You must select a row to action!

    <!-- The buttons should go into the "Content"

    -->
    OK
    Cancel

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