|
$("#Grid").ejGrid({
…………..
columns: [
…………..
{ field: "OrderDate", headerText: 'OrderDate', format: "{0:MM/dd/yyyy}", width: 100, editType: ej.Grid.EditingType.DatePicker, editParams: { open: open } },
………….
],
…………………
})
</script>
<script>
function open(args) {
if (args.model.value > new Date(8364186e5))
this.option("value", new Date());
}
</script>
|
Hi, thanks for help, the first issue seems to be solved.In relation to the 2.nd issue, in your example, scroll down to the last row and click at "Order Date".You will see the popup for datepicker shows up and subsequently disappears.After second click the popup remains open.Regards.
|
<div id="container" style="width:100%;height:70%;">
<div id="Grid"></div>
</div>
</div>
<script type="text/javascript">
$(function () {
$("#Grid").ejGrid({
dataSource: window.gridData,
enableRowHover: true,
allowTextWrap: false,
allowSorting: true,
allowPaging: true,
pageSettings: { pageSize: 5, pageSizeList: [5,10,15,20,25,30,40,50,100,200,500] },
//filterSettings: { filterType: "excel" },
columns: [
{ field: "OrderID", headerText: "Order ID", isPrimaryKey: true, width: 75, textAlign: ej.TextAlign.Right },
}
],
dataBound: "dataBound",
});
})
</script>
<script>
function dataBound(args) {
this.getHeaderContent().prepend(this.getPager()); // Before the grid header
//this.getContent().prepend(this.getPager()); // Before the grid content
this.getPager().css("border-top-width",0);
this.getPager().css("border-bottom-width",1);
}
function onComplete(args) {
processTopPager(this); // Perform clone pager functionalities
}
function processTopPager(gridObj) {
// Create a clone pager
});
}
</script>
<style>
.e-pager div.e-drpdwndiv {
position: absolute;
}
</style> |
