| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 | 
<div data-options="dxView : { name: 'UsageByEnergySearchConditionView' } ">    <div data-bind="dxOverlay: popupSearchViewOptions ">        <div data-bind="dxScrollView: {}" class="search-view-frame">            <div class="search-view">                <div id="searchViewCondition">                    <div class="search-title">                        <span class="search-text">SEARCH</span>                        <div class="dx-field right-search-wrap">                            <div style="float: right;" data-bind="dxButton: { text: '@search', icon: 'search', clickAction: handleSearchInSearchView }"></div>                        </div>                    </div>                    <div class="dx-field search-field-box">                        <ul class="search-row-layout">                            <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.TimeTypeId.check }" /></li>                            <li class="form-label"><div class="dx-field-label">@timeType</div></li>                            <li class="form-field">                                <div class="dx-field-value" data-bind="dxSelectBox: {                                            disabled: !searchViewItems.TimeTypeId.check(),                                            dataSource: searchViewItems.TimeTypeId.dataSource,                                            displayExpr: 'Name' ,                                            valueExpr: 'Id' ,                                            value: searchViewItems.TimeTypeId.value }">                                </div>                            </li>                        </ul>                    </div>                    <div class="dx-fieldset">                        <div class="dx-field search-field-box">                            <ul class="search-row-layout">                                <li class="form-Box"><div class="dx-field-value" data-bind="dxCheckBox: { value: searchViewItems.ServiceTypeId.check }" /></li>                                <li class="form-label"><div class="dx-field-label">@serviceType</div></li>                                <li class="form-field">                                    <div class="dx-field-value" data-bind="dxSelectBox: {                                            disabled: !searchViewItems.ServiceTypeId.check(),                                            dataSource: searchViewItems.ServiceTypeId.dataSource,                                            displayExpr: 'Name' ,                                            valueExpr: 'ServiceTypeId' ,                                            value: searchViewItems.ServiceTypeId.value }">                                    </div>                                </li>                            </ul>                        </div>                    </div>                </div>            </div>        </div>    </div></div>
 |