89 строки
3.7 KiB
HTML
89 строки
3.7 KiB
HTML
<div ng-controller="PivotGridLocalCtrl">
|
|
<div class="content-container-fluid">
|
|
<div class="row">
|
|
<div class="cols-sample-area">
|
|
<div class="control">
|
|
<div id="PivotGrid" ej-pivotgrid e-datasource="datasource" e-enablegroupingbar="true" e-isResponsive="isResponsive" e-pivotTableFieldListID="pivotTableFieldListID" style="width: 55%; height: 670px; overflow: scroll; float: left; margin:20px 0 0 20px;"></div>
|
|
<div id="PivotSchemaDesigner" ej-pivotschemadesigner="" style="height:650px;width:40% !important;margin-top:20px;"></div>
|
|
</div>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div id="property-window" class="box wide" style="width:50%; margin-left: 20px">
|
|
<div class="row">
|
|
<table>
|
|
<tr>
|
|
<td class="chkrad">
|
|
Data Source:
|
|
</td>
|
|
<td class="chkrad">
|
|
<input type="radio" ej-radiobutton e-name="type" id="rdbRelational" checked="checked" /><label for="rdbRelational" class="radioBtnLabel">Relational</label>
|
|
</td>
|
|
<td class="chkrad" colspan="2">
|
|
<input type="radio" ej-radiobutton e-name="type" id="rdbOlap" /><label for="rdbOlap" class="radioBtnLabel">OLAP</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="chkrad">
|
|
Mode:
|
|
</td>
|
|
<td class="chkrad">
|
|
<input type="radio" ej-radiobutton e-name="dataMode" id="rdbClient" checked="checked" /><label for="rdbClient" class="radioBtnLabel">Client</label>
|
|
</td>
|
|
<td class="chkrad">
|
|
<input type="radio" ej-radiobutton e-name="dataMode" id="rdbServer" /><label for="rdbServer" class="radioBtnLabel">Server</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3">
|
|
Select Type
|
|
</div>
|
|
<div class="col-md-3">
|
|
<input type="text" id="languageList" name="name" class="e-ejinputtext" value="" ej-dropdownlist e-datasource="localeText"
|
|
e-value="locale" e-selecteditemindex="0" e-width="100px" e-change="onLocalChange" />
|
|
</div>
|
|
</div>
|
|
<div class="row" style="margin:0px 0px 10px 100px">
|
|
<button id="btnApply" ej-button e-value="Apply" e-size="small" e-name="Apply" e-title="Apply" e-click="ApplyChanges">Apply</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.control
|
|
{
|
|
padding-left: 10px;
|
|
}
|
|
#PivotSchemaDesigner {
|
|
width: 40% !important;
|
|
}
|
|
#PivotGrid {
|
|
height: 350px;
|
|
width: 55%;
|
|
overflow: auto;
|
|
float: left;
|
|
margin: 20px 0 0 20px;
|
|
}
|
|
.radioBtnLabel {
|
|
margin-left: 5px;
|
|
}
|
|
.cols-prop-area .content {
|
|
width: auto;
|
|
}
|
|
|
|
.row .cols-prop-area {
|
|
min-height: 170px;
|
|
width: auto;
|
|
}
|
|
.chkrad {
|
|
width: 150px;
|
|
padding: 10px;
|
|
}
|
|
.clslab {
|
|
margin-left: 10px;
|
|
}
|
|
</style>
|