<div id="ExcelGrid" title="User Tasks">
<ul>
<li><a rel='nofollow' href="#plannedTab">Planned</a></li>
<li><a rel='nofollow' href="#Div1">Planned</a></li>
</ul>
<div id="plannedTab">
<div id="Grid1" style="margin-top:15px; margin-left:100px"></div>
</div>
<div id="Div1">
<div id="Div2" style="margin-top:15px; margin-left:100px"></div>
</div>
</div>
<script type="text/javascript">
$("#ExcelGrid").ejTab({
itemActive: "create" ,// Event to render the grid in tabd
});
$("#Grid1").ejGrid({
//Render Planned tab grid
dataSource: window.gridData, //Using data from json Array
allowPaging: true,
editSettings: { allowEditing: true, allowAdding: true, allowDeleting: true },
columns: [
{ field: "OrderID", headerText: "Order ID", isPrimaryKey: true },
{ field: "CustomerID", headerText: "Customer ID" },
{ field: "Freight", headerText: "Freight" },
{ field: "ShipCity", headerText: "ShipCity" }
],
});
$("#Div2").ejGrid({
//Render Planned tab grid
dataSource: window.gridData, //Using data from json Array
allowPaging: true,
allowKeyboardNavigation: true,
columns: [
{ field: "OrderID", headerText: "Order ID", isPrimaryKey: true },
{ field: "CustomerID", headerText: "Customer ID" },
{ field: "EmployeeID", headerText: "EmployeeID" },
{ field: "ShipCountry", headerText: "ShipCountry" }
],
});
function create(args) {
$("#Div2").focus();
}
|