<s:form action="echo" theme="bootstrap" cssClass="form-horizontal" label="Form with jQuery UI Elements">
    <sj:datepicker
            id="datepicker"
            parentTheme="bootstrap"
            label="Datepicker"
            tooltip="Tooltip for Datepicker"
            cssClass="form-control"
            elementCssClass="col-sm-5"
            showOn="focus"
            inputAppendIcon="calendar"
    />
    <s:url id="languages_url" action="languages"/>
    <sj:autocompleter
            id="autocompleter"
            parentTheme="bootstrap"
            label="Autocompleter"
            tooltip="Tooltip for Autocompleter"
            cssClass="form-control"
            href="%{languages_url}"
            loadMinimumCount="1"
     />
</s:form>
                    

<s:url var="remoteurl" action="grid-data-provider" namespace="/">
    <s:param name="loadonce" value="%{true}"/>
</s:url>
<sjg:grid
        id="gridloadtable"
        loadonce="true"
        guiStyle="bootstrap"
        caption="Grid Examples based on free jqGrid with guiStyle=bootstrap"
        href="%{remoteurl}"
        gridModel="gridModel"
        rowNum="-1"
        hidegrid="true"
        scroll="true"
        altRows="true"
        sortable="true"
        sortableOpacity="0.8"
        sortablePlaceholder="ui-state-highlight"
        sortableForcePlaceholderSize="true"
>
    <sjg:gridColumn name="id" index="id" key="true" title="ID" width="30" formatter="integer" sortable="true"
                    sorttype="int"/>
    <sjg:gridColumn name="name" index="name" title="Company" width="250" sortable="true"/>
    <sjg:gridColumn name="lastName" index="lastName" title="Last Name" sortable="true" hidden="true"/>
    <sjg:gridColumn name="firstName" index="firstName" title="First Name" sortable="true" hidden="true"/>
    <sjg:gridColumn name="addressLine1" index="addressLine1" title="Adress" sortable="true" hidden="true"/>
    <sjg:gridColumn name="country" index="country" title="Country" sortable="true"/>
    <sjg:gridColumn name="city" index="city" title="City" sortable="true"/>
    <sjg:gridColumn name="creditLimit"
                    index="creditLimit"
                    title="Credit Limit"
                    align="right"
                    editable="true"
                    editrules="{
                            number: true,
                            required: true,
                            minValue : 100.0,
                            maxValue : 10000.0
                        }"
                    formatter="currency"
                    sortable="true"
                    sorttype="currency"/>
</sjg:grid>