[sjkcwatsonParticipant]

Sort of – you’ve got the grid in the window. What I want to do is change the window size based on the grid – in your example the window height is set to 500. My grid has nested rows so when expanding they overlap the window. My goal with the docking windows was to collapse the various sections so they can open the section they want to work on. It might be easier to just handle with javascript to show/hide the div.

[sjkcwatsonParticipant]

I forgot to set async: false on my json that was setting the variable so the grid code was loading before the variable was set.

[sjkcwatsonParticipant]

I got it by setting a variable to true or false and setting editable: vIsEditable

[sjkcwatsonParticipant]

Never mind – it is working, just delayed.

[sjkcwatsonParticipant]

A little more information – if I run the debugger in IE, I get the following on loading of the page

In jqxeditor.js
It says “not implemented” with this highlighted {g.widget[0].style=g.element.style}

If I continue on, I get “this command not supported” with this highlighted .editorDocument.execCommand(“useCSS”,false,false)

if I continue I get the same errors (I assume for the different editors on the page). Then the main page will load with my grid.

but when I try to click on anything I get
throw new Error(“Invalid Selector! Please, check whether the used ID or CSS Class name is correct.”)

[sjkcwatsonParticipant]

Thanks – that got me part way there. In case someone else is looking for this

var boundIndex = $('#jqxgrid').jqxGrid('getrowboundindexbyid', gridsourceIDFieldValue);
               $('#jqxgrid').jqxGrid('showrowdetails', boundIndex);

gridsourceIDFieldValue is the value of the database field set to the ID in the gridsource.

[sjkcwatsonParticipant]

Thank you – I appreciate the help and will try it.

[sjkcwatsonParticipant]

Or the content of one tab?

[sjkcwatsonParticipant]

Nermind- I figured it out.

  $('#eCapaRespEmp').on('focus', function (event) {
                alert('gotfocus');
            });

[sjkcwatsonParticipant]

Perfect – thanks! I knew there had to be at trick.

[sjkcwatsonParticipant]

If I put a button on the page and put the $(‘#ecapaStatus’).jqxEditor(‘focus’); it works. But I cannot find the correct place to put the focus so that it automatically sets the focus to the editor when the pop up window opens. The .on(‘open’ function runs, but won’t set the focus. Is this even possible?

[sjkcwatsonParticipant]

The link may not take you there, in the default example for the editor in window.

[sjkcwatsonParticipant]

Thank you! This helped me as well!

[sjkcwatsonParticipant]

Thank you, I was able to make it work using an image like in this example .. http://www.jqwidgets.com/community/topic/edit-imagebutton-in-grid/.

Since I search these forums for assistance before asking, in case someone else is searching

  { text: 'Edit', datafield: 'Edit', width: 50, columntype: 'number', 
                        cellsrenderer:editcellrenderer

  var editcellrenderer = function (row, column, value, defaultHtml) {                   
                    var rowAddedByEmpID = $('#jqxStatusGrid').jqxGrid('getcellvalue', row, 'AddedByEmpID');
                    if (vAllowEdit != 'T' && (rowAddedByEmpID != cs_empID)) {
                        return '<div style="width: 100%">&nbsp;</div>';
                    }
                    else {
                        return '<div style="width: 100%"><img src="images/newicons/pencil.png" style="margin-left: 25%" /></div>';
                    };

                $("#jqxStatusGrid").on("cellclick", function (event) {    
                    var column = event.args.column;            
                    var rowindex = event.args.rowindex;     
                    var columnindex = event.args.columnindex;       
                    if (columnindex == 3) {
                        // open the popup window when the user clicks a button.       
                        editrow = rowindex;
                        // get the clicked row's data and initialize the input fields.           
                        var dataRecord = $("#jqxStatusGrid").jqxGrid('getrowdata', editrow);

                        var rowAddedByEmpID = dataRecord.AddedByEmpID // $('#jqxStatusGrid').jqxGrid('getcellvalue', row, 'AddedByEmpID');
                        if (vAllowEdit == 'T' || (rowAddedByEmpID == cs_empID)) {
                            //Allow Edit
                            var offset = $("#jqxStatusGrid").offset();
                            $("#popupWindow").jqxWindow({ position: { x: parseInt(offset.left) + 60, y: parseInt(offset.top) + 60 } });
                            $("#ecapaStatus").val(dataRecord.CAStatus);
                            // show the popup window.          
                            $("#popupWindow").jqxWindow('show');
                        };
                    }

The If statement in the cellclick allows for checking to see if the person clicked on the “blank” cell by using the same paramaters that determined if the edit button was shown or not.

Hope it helps.

[sjkcwatsonParticipant]

Got it – thank yuou!

[Author]

Posts