[mihaisingerParticipant]

Well, I already tried that, and it pretty much led me nowhere… I could set the header style, but using the jq-rc-all class on the table didn’t set the rounded corners, and then which class should I use for the table borders color?
Thanks.
Mihai

[mihaisingerParticipant]

Okay, let’s try this again since my initial posting didn’t show properly:

The following is displayed properly:

           <div id="psTreex">
                <ul>
                    <li>One</li>
                    <li>Two</li>
                    <li>Three</li>
                    <li>Four</li>
                    <li>Five</li>
                </ul>
            </div>

… and in the javascript

$(document).ready(function(){
$(‘#psTreeSimple’).jqxTree({ height: ’450px’, width: ’530px’, checkboxes: true, theme: jqxTheme2 });
});

…while the following is rendered incorrectly, with the checkboxes pushed up to between the items:

    <div id="problemSelector">
        <div id="psHeader"></div>
        <div id="psContent">
            <div id="psTree">
                <ul>
                    <li>One</li>
                    <li>Two</li>
                    <li>Three</li>
                    <li>Four</li>
                    <li>Five</li>
                </ul>
            </div>
            <div class="spacer15"></div>
            <div id="psButtons" style="width:100%; height:30px; text-align:center;">
                <input type="button" id="btnSaveProblems" value="Save" />&nbsp;&nbsp;&nbsp;<input type="button" id="btnCancelProblems" value="Cancel" />
            </div>
        </div>
    </div>

$(document).ready(function(){

$(“#problemSelector”).jqxWindow({ width: 550, height: 560, autoOpen: false, isModal:true, resizable:false, initContent: function () {
$(“#btnSaveProblems”).jqxButton({ width: 80, theme: jqxTheme2, disabled: true });
$(“#btnCancelProblems”).jqxButton({ width: 80, theme: jqxTheme2, disabled: false });
}
});

$(‘#psTree’).jqxTree({ height: ’450px’, width: ’530px’, checkboxes: true, theme: jqxTheme2 });
$(“#problemSelector”).jqxWindow({ title: ‘Functional problems’ });
$(“#problemSelector”).jqxWindow(‘open’);

});

[mihaisingerParticipant]

OK, I just figured it out.
the “custom” in the getRecordsHierarchy is indeed incorrect and will cause the menu to fail to render. However, the whole concept just works without it. The custom value can be accessed successfully while using the default getRecordsHierarchy call.

Regards
Mihai

[mihaisingerParticipant]

Hello Dimitar and Hop
I’m having the same problem and was trying your solution described here… I even copied and pasted your code in a new web page, but it just won’t work when I add the custom field to the following line
var records = dataAdapter.getRecordsHierarchy(‘id’, ‘parentid’, ‘items’, [{ name: ‘text’, map: ‘label’}], “custom”);
the whole menu won’t render at all. The only way to make it render again is to remove the “custom” and let the function take only its four regular arguments, as in
var records = dataAdapter.getRecordsHierarchy(‘id’, ‘parentid’, ‘items’, [{ name: ‘text’, map: ‘label’}]);
Can you suggest anything to fix that? (btw, I’m using jqWidgets 3.1.0).
Thank you.

Regards
Mihai

[mihaisingerParticipant]

Can anyone shed any light over this?
Thank you.

Mihai

[mihaisingerParticipant]

Hello Peter
I’m having the same problem here… you’re saying that the grid would scroll if I just don’t set the autoheight to true… that’s fine, but then I also cannot set the autorowheight to true and so any row which has more content in one or more cells would hide that content due to the fixed row height. How can I/we accommodate that scenario? Is there any way of making the row height flexible while allowing the grid to scroll? Thank you.

Regards
Mihai

[Author]

Posts