jQWidgets Forums

Forum Replies Created

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • in reply to: Form POST value empty Form POST value empty #92692

    YaniMan
    Participant

    Hello Hristo,

    If i use <div> instead of <input> and give the divs names, then it works for me too and (surprising for me) they are included in the form’s post data. I think this would worth mentioning in the documentation as i expected that the form uses data from <input>s only so i would have never guessed that i can post datas from (originally) divs too.
    However, everything works now and i can skip the part where i needed to copy values into hidden inputs. Thank you very much for your help.

    Best regards,
    Janos

    in reply to: Form POST value empty Form POST value empty #92666

    YaniMan
    Participant

    Hello Hristov,

    They return values with .val() method for me too, but when the form is posted to the server, jqxDateTimeInput posts empty value and jqxCheckBox does not appear in PHP’s $_REQUEST variable (as i wrote in my first post).

    Best regards,
    Janos

    in reply to: Form POST value empty Form POST value empty #92639

    YaniMan
    Participant

    Hello Hristo,

    Yes, jqxInput works as expected but jqxDateTimeInput and jqxCheckBox does not.
    I’m doing what you’ve suggested but thought that this worth mentioning.

    Best regards,
    Janos

    in reply to: Form POST value empty Form POST value empty #92593

    YaniMan
    Participant

    Hello Hristo,

    Thanks for the reply. However if you comment out the lines that makes jQ widgets from the inputs (jqxDateTimeInput and jqxCheckBox, ready function #1 and #3), the same code works well, so i think it is widget issue. I think the widget code removes the input element and replaces it with something else in case of the checkbox and have no idea what it does with the date entry.


    YaniMan
    Participant

    And again…
    I’ve modified my code so it expanded the rows one step at a time only, then the next one in the dataAdapter’s loadComplete function, and now it’s working, but the scrolled out rows are missing when i issue the getRows command on the jqxTreeGrid. I think this is because they are destroyed when scrolled out, but not sure. I managed to get the datas from the dataAdapter and ask the row’s data from the jqxTreeGrid one by one, but this solution does not seem good to me. Shouldn’t there be a better way doing this?


    YaniMan
    Participant

    Hi again,

    Now i clear the jqxTreeGrid, then update the main dataAdapter only, but before that, i save the scroll offsets and expanded rows’ ids. Then in the dataAdapter’s loadComplete function i go through the saved ids and issue the jqxTreeGrid’s expandRow function with them. The strange thing is that only the first previously expanded row gets expanded, however i can see in the console log that i try to expand all. Could you please help me with this?

    Here’s how i save the state:

    				var grid = $("#PlacesGrid");
    
    				// save expanded rows
    				var rows = grid.jqxTreeGrid("getRows");
    				places_exp = [];
    				for(var i = 0; i != rows.length; i++) if(rows[i].expanded) places_exp.push(rows[i].id);
    				console.log("Expanded: " + places_exp);
    
    				// save scroll position
    				var scroll = grid.jqxTreeGrid("scrollOffset");
    				places_sy = scroll.top;
    				places_sx = scroll.left;
    
    				// update places
    				grid.jqxTreeGrid("clear");
    				places_da.dataBind();

    And the loadComplete function:

    				loadComplete: function()
    				{
    					done(da.records);
    					if(!rec)
    					{
    						if(places_exp != null)
    						{
    							var exp = places_exp;
    							places_exp = null;
    							for(var i = 0; i != exp.length; i++) { console.log("Expanding " + exp[i]); $("#PlacesGrid").jqxTreeGrid("expandRow", exp[i]); }
    							$("#PlacesGrid").jqxTreeGrid("scrollOffset", places_sy, places_sx);
    						}
    					}
    				}

    YaniMan
    Participant

    Hi Peter,

    Thanks for the reply.
    As i was saying: ” I tried to add every created dataAdapter in an array and call dataBind() on them, but then the grid complained about double ids.”
    The error message is: “Uncaught Error: Please, check whether you Add Records with unique ID/Key.”
    Could you please suggest how to use the dataAdapters to only update, not re-create the data?

    Thanks & best regards,
    Janos

    in reply to: Menu item tooltip Menu item tooltip #80383

    YaniMan
    Participant

    Hello Dimitar,

    Much to learn i still have. Thanks.

    Best regards,
    YaniMan

    in reply to: Menu item tooltip Menu item tooltip #80333

    YaniMan
    Participant

    I managed to do it in the shown event, but like this:

    $("#menu").on("shown", function()
    {
      $("[data-tooltip]").each(...)
    });
    

    Which is not a good idea, because it iterates through the whole DOM. Could you please point me to a pre-selector i could use? $(this) does not work (i think maybe because the created submenu element is not children of the horizontal menu but of a popup). Would be a good idea to pass the popup DOM element as an argument to the sown popup.


    YaniMan
    Participant

    Oh wait, i thought wrong. The crash was in the loadstate method (because the columns didn’t existed yet). I moved the loadstate call to the bindingcomplete event and it works fine now.
    (It seems strange to me that the columns does not exist until the data is loaded.)
    Anyways thanks for the help again.


    YaniMan
    Participant

    Hi Peter,

    Thanks for the info. However i have some more problem with that as the columns does not exist (and can not be queried for visibility) before the data arrives from the ajax request so when i try to set the checkboxes, it “crashes”. Even if i try to set the checkboxes in initialized or in bindingcomplete event or in the ready or rendered behavior.

    for(var h=0;h<this.columns.records.length;h++)
    "Unable to get property 'length' of undefined or null reference" at _preparecolumngroups jqx-all.js:7:1273823

    What do you think, where should i initialize the checkboxes?
    Thanks for the so much help 🙂


    YaniMan
    Participant

    Hi Peter,

    Thanks for the fast reply. Am i correct? The jqxDataAdapter turns “/Date(xxx)/” strings into JavaScript Date objects when the jqxGrid first downloads the data, but later when the update occurs (on notification from WebSocket) and the JSON data is given to jqxGrid(“updaterow”, id, data), then the jqxDataAdapter is “skipped” and the field remains a string? So i should convert the string to Date myself in my update function? Or is there a way to tell the grid or to the adapter that it should reload and update a given row?

    Thanks,
    Janos


    YaniMan
    Participant

    So if i want to update a row programmatically using .jqxGrid(“updaterow”, id, data) i can’t use ‘type: “date”‘ in source.datafields?


    YaniMan
    Participant

    Hi Peter,

    I updated the jsFiddle code (http://jsfiddle.net/6b37gjud/2/), also addded box sizing to the wh100 class and the problem is solved.
    Thank you very much, i was struggling with it for two days now.

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