serach dialog on jgrid doesn't opens ib modal=true mode

I am using jgrid plugin for struts2.
For my jqrid navigatorsearchoption I am setting modal=true.
But the search dialog doesn't opens up in modal mode.

My jgrid code is as below:
<s:url var="remoteurl" action="ruleMaintenance"/>
                <sjg:grid
                    id="rules"
                    caption="Rules"
                    dataType="json"
                    href="%{remoteurl}"
                    pager="true"
                    gridModel="rules"
                    rowList="25,50,100"
                    rowNum="50"
                    autowidth="true"
                    multiselect="true"
                    loadonce="true"
                    navigator="true"
                    navigatorAdd="false"
                    navigatorEdit="false"
                    navigatorDelete="false" 
                    navigatorSearchOptions="{caption:'Search Rules', Find:'Search', modal:true}"

                >
                    <sjg:gridColumn name="ruleId" index="ruleId" title="Rule Id" sortable="true" 
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="CRID" index="CRID" title="CRID" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="ruleType" index="ruleType" title="Rule Type" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="ruleDescription" index="ruleDesc" title="Rule Description" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="selectPosition" index="position" title="Position" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="active" index="active" title="Active" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="criteriaAttributes" index="criteriaAttributes" title="Criteria Attributes" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="owner" index="owner" title="Owner" sortable="true"
                        search="true" searchoptions="{sopt:['eq','ne']}" />
                    <sjg:gridColumn name="created" index="created" title="Created" sortable="true" formatter="date" search="true"
                        search="true" searchoptions="{sopt:['eq','ne'],dataInit:datePick}" />
                </sjg:grid>     

What is the expected output? What do you see instead?

Which struts2 version?

Which struts2-jquery plugin version?

Please provide any additional information below.
Original issue reported on code.google.com by abhir...@gmail.com on 17 Jun 2014 at 3:27
Attachments:
screenshot.JPG
gigaZhang / struts2-jquery

serach dialog on jgrid doesn't opens ib modal=true mode #1108
