1
Bug Report / Re: Scrolling will cause the details to disappear.
« on: July 25, 2018, 10:59:12 am »
Thank you for your good work.
This section allows you to view all posts made by this member. Note that you can only see posts made in areas you currently have access to.
protected tbBtnViewId = {
type: "checkbox", label: "View ID", value: false,
listener: { "change": (evt) => {
let cols = this.grid.Columns();
cols.each((column) => {
if ("title" in column && column.title === "ID") {
column.hidden = !evt.target.checked;
}
});
this.grid.refresh();
}},
};
{
title: "Group A", align: "center", colModel: [
{ title: "ID", dataIndx: "railway_company_id", hidden: true, editable: false, dataType: "integer", minWidth: 60, align: "center" },
{ title: "name *", dataIndx: "railway_company_name", dataType: "string", minWidth: 160 },
{ title: "order *", dataIndx: "railway_company_display_order", dataType: "integer", align: "center", minWidth: 60, maxWidth: 60 },
{ title: "visible *", dataIndx: "railway_company_visible_flag", dataType: "bool", minWidth: 64, align: "center", editor: false },
],
},
{
title: "Group A", align: "center", collapsible: { on: false }, colModel: [
{ title: "ID", dataIndx: "railway_company_id", hidden: true, editable: false, dataType: "integer", minWidth: 60, align: "center" },
{ title: "name *", dataIndx: "railway_company_name", dataType: "string", minWidth: 160 },
{ title: "order *", dataIndx: "railway_company_display_order", dataType: "integer", align: "center", minWidth: 60, maxWidth: 60 },
{ title: "visible *", dataIndx: "railway_company_visible_flag", dataType: "bool", minWidth: 64, align: "center", editor: false },
],
},
interface instance{
:
Group(params?: any):{
addGroup(datIndx: numberorstring, indx?: number)
collapse(level?: number)
collapseAll(level?: number)
collapseTo(address: string)
expand(level?: number)
expandAll(level?: number)
expandTo(address: string)
removeGroup(datIndx: numberorstring)
}
groupOption(obj: any)
interface instance{
:
Group(params?: any):{
addGroup(datIndx: numberorstring, indx?: number)
collapse(level?: number)
collapseAll(level?: number)
collapseTo(address: string)
expand(level?: number)
expandAll(level?: number)
expandTo(address: string)
removeGroup(datIndx: numberorstring)
option(obj: any)
}
groupOption(obj: any)
tree.addNodes( [
{ id: 100, name: "abc", ... },
...
], tree.getNode(1) );
tree.addNodes( [
{ name: "abc", ... },
...
], tree.getNode(1) );
scrollCell(obj: { colIndx?: number, dataIndx?: numberorstring, rowIndxPage: number, rowIndx: number }, fn: () => void )
scrollColumn(obj: { colIndx?: number, dataIndx?: numberorstring }, fn: () => void )
scrollRow(obj: { rowIndxPage: number, rowIndx: number }, fn: () => void )
scrollCell(obj: { colIndx?: number, dataIndx?: numberorstring, rowIndxPage: number, rowIndx: number }, fn?: () => void )
scrollColumn(obj: { colIndx?: number, dataIndx?: numberorstring }, fn?: () => void )
scrollRow(obj: { rowIndxPage: number, rowIndx: number }, fn?: () => void )
<div class="pq-slider-icon pq-no-capture">
<span class="ui-widget-header pq-ui-button">
<span class="ui-icon ui-icon-arrow-4-diag"></span>
</span>
</div>
$(function() {
var colm = [
{ title: "name", dataIndx: "name", dataType: "string", minWidth: 160 },
{ title: "updated at", dataIndx: "updated_at", editable: false, minWidth: 140, maxWidth: 140, align: "center" },
];
var data = [
{ "name": "abc---A", "updated_at": "2017/03/01" },
{ "name": "abb---A", "updated_at": "2017/03/02" },
{ "name": "ccc---A", "updated_at": "2017/03/03", "deleted_at": "2017/03/03" },
{ "name": "cbc---A", "updated_at": "2017/03/04" },
{ "name": "aba---A", "updated_at": "2017/03/05" },
{ "name": "ccb---A", "updated_at": "2017/03/06" },
];
var settings = {
colModel: colm,
dataModel: { data: data },
};
$("#grid_json").pqGrid(settings);
});
$(function() {
var colm = [
{ title: "name", dataIndx: "name", dataType: "string", minWidth: 160 },
{ title: "updated at", dataIndx: "updated_at", editable: false, minWidth: 140, maxWidth: 140, align: "center" },
{ title: "deleted at", dataIndx: "deleted_at", hidden: true }, // <- Add only this line.
];
var data = [
{ "name": "abc---A", "updated_at": "2017/03/01" },
{ "name": "abb---A", "updated_at": "2017/03/02" },
{ "name": "ccc---A", "updated_at": "2017/03/03", "deleted_at": "2017/03/03" },
{ "name": "cbc---A", "updated_at": "2017/03/04" },
{ "name": "aba---A", "updated_at": "2017/03/05" },
{ "name": "ccb---A", "updated_at": "2017/03/06" },
];
var settings = {
colModel: colm,
dataModel: { data: data },
};
$("#grid_json").pqGrid(settings);
});