1
Help for ParamQuery Pro / Re: When I call the "flex" method, the bottom line overflows
« on: May 15, 2020, 05:59:20 am »
Thank you for your nice advice.
My worries have been resolved.
My worries have been resolved.
ParamQuery Grid
Show Posts
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.
Pages: [1] 2
2
Help for ParamQuery Pro / When I call the "flex" method, the bottom line overflows
« on: May 14, 2020, 01:39:48 pm »
Hi.
I want the optimum width for each column.
When I scroll, the "flex" method is called on the visible column.
But when I move to the bottom line, the display breaks.
The reason is that the header is displayed in 2 lines, but when I call the "flex" method, the header becomes 1 line and the height of the body changes after adjustment.
If the amount of data increases, the screen will flicker and it will not look good.
It seems that it can be solved if the height of the header part can be fixed. Is it possible to fix the height of the header?
Also, if there is another method to automatically adjust the width of the display area, please let me know.
I used v.3.3.4 before and want all widths to be adjusted in the initial display. Since the html structure has changed, can't it be adjusted according to all data?
I using pqGrid version is 7.0.0.
Best regards.
I want the optimum width for each column.
When I scroll, the "flex" method is called on the visible column.
But when I move to the bottom line, the display breaks.
The reason is that the header is displayed in 2 lines, but when I call the "flex" method, the header becomes 1 line and the height of the body changes after adjustment.
If the amount of data increases, the screen will flicker and it will not look good.
It seems that it can be solved if the height of the header part can be fixed. Is it possible to fix the height of the header?
Also, if there is another method to automatically adjust the width of the display area, please let me know.
I used v.3.3.4 before and want all widths to be adjusted in the initial display. Since the html structure has changed, can't it be adjusted according to all data?
I using pqGrid version is 7.0.0.
Best regards.
Code: [Select]
<div id="testGrid" style="margin:auto;"></div>
<script>
function refresh() {
var $grid = $("#testGrid");
var obj = $grid.pqGrid("getViewPortIndx");
for(var idx = obj.finalH; idx > obj.initH; idx--) {
$grid.pqGrid("flex", idx);
}
}
$(function() {
var colModel = [ {"title":"4/1<br>(Mon)","dataType":"string","dataIndx":"data1","halign":"center"}
,{"title":"4/2<br>(Tue)","dataType":"string","dataIndx":"data2","halign":"center"}
,{"title":"4/3<br>(Wed)","dataType":"string","dataIndx":"data3","halign":"center"}
];
var dataModel = {"location":"local","curPage":1,"dataType":"JSON","data":[
{ data1: 'a', data3:'aaaaaaaaaaaaaaaa' }, { data1: 'b' }, { data1: 'c' },{ data1: 'd' },{ data1: 'e' },{ data1: 'f'}
, { data2: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa' }
]};
var obj = {"width":"auto","height":"200","showTitle":true,"numberCell":{"show":false},"draggable":false,"wrap":true,"stripeRows":true}
obj.colModel = colModel;obj.dataModel = dataModel;
var grid = $("#testGrid").pqGrid(obj);
grid.pqGrid({ scroll: function(event) { setTimeout(function() { refresh(); }, 500)}});
refresh();
});
</script>
3
Help for ParamQuery Pro / Re: An error occurs when updateRow is called in IE.
« on: April 27, 2020, 01:56:10 pm »
Thank you very much.
The problem is resolved.
It was helpful.
The problem is resolved.
It was helpful.
4
Help for ParamQuery Pro / Re: An error occurs when refreshDataAndView is called in IE.
« on: April 27, 2020, 01:53:02 pm »
Thank you very much.
The problem is resolved.
It was helpful.
The problem is resolved.
It was helpful.
5
Help for ParamQuery Pro / Re: An error occurs when updateRow is called in IE.
« on: April 27, 2020, 09:26:03 am »
IE version is 11.(debug mode 9 - 10, edge)
jquery version is 1.8.3
jquery-ui version is 1.12.1
jquery version is 1.8.3
jquery-ui version is 1.12.1
6
Help for ParamQuery Pro / Re: An error occurs when refreshDataAndView is called in IE.
« on: April 27, 2020, 09:23:13 am »
IE version is 11.(debug mode 9 - 10, edge)
jquery version is 1.8.3
jquery-ui version is 1.12.1
jquery version is 1.8.3
jquery-ui version is 1.12.1
7
Help for ParamQuery Pro / An error occurs when updateRow is called in IE.
« on: April 27, 2020, 08:32:21 am »
Hi.
Please help me.
I have upgraded the version of pqgrid from 3.3.4 to 7.0.0.
Then I get an error and am in trouble.
I used updateRow method.
Then, an error occurs in IE.
Call x at line 7015 of pqgrid.dev.php, but x is undefined.
The operation I performed is the content of "test simple html".
In this case, "e is undefined" occurs at line 1840.
The difference with what I want to do is that the data location is local or remote.
Best regards.
=== test simple html ===
<body>
<div id="testGrid"></div>
<script>
function custRender(ui) {
return { text: "<div><input id='r1' type='radio' value='0' onchange='valChange(this);' /><label for='r1'>OK</label>"
+ "<input id='r2' type='radio' value='1' onchange='valChange(this);' /><label for='r2'>NG</label></div>" }
}
function valChange(obj) {
var ary = [];
ary["ContactName"] = obj.value;
$("#testGrid").pqGrid("updateRow", { rowIndx: 0, newRow: ary, checkEditable:false});
}
$(function() {
var colModel = [{"title":"ID","dataType":"string","dataIndx":"OrderID"}
, {"title":"name","dataType":"string","dataIndx":"ContactName","width":150, "render":function(ui) { return custRender(ui); }}
];
var dataModel = {"location":"local"
,"dataType":"JSON"
,"data": [{ "OrderID":"1", "ContactName":""}]};
var obj = {"width":"auto","height":"400","minHeight":"200","showTitle":true,"stripeRows":true,"showTop":false};
obj.colModel = colModel;
obj.dataModel = dataModel;
var grid = $("#testGrid").pqGrid(obj);
});
</script>
</body>
==================
Please help me.
I have upgraded the version of pqgrid from 3.3.4 to 7.0.0.
Then I get an error and am in trouble.
I used updateRow method.
Then, an error occurs in IE.
Call x at line 7015 of pqgrid.dev.php, but x is undefined.
The operation I performed is the content of "test simple html".
In this case, "e is undefined" occurs at line 1840.
The difference with what I want to do is that the data location is local or remote.
Best regards.
=== test simple html ===
<body>
<div id="testGrid"></div>
<script>
function custRender(ui) {
return { text: "<div><input id='r1' type='radio' value='0' onchange='valChange(this);' /><label for='r1'>OK</label>"
+ "<input id='r2' type='radio' value='1' onchange='valChange(this);' /><label for='r2'>NG</label></div>" }
}
function valChange(obj) {
var ary = [];
ary["ContactName"] = obj.value;
$("#testGrid").pqGrid("updateRow", { rowIndx: 0, newRow: ary, checkEditable:false});
}
$(function() {
var colModel = [{"title":"ID","dataType":"string","dataIndx":"OrderID"}
, {"title":"name","dataType":"string","dataIndx":"ContactName","width":150, "render":function(ui) { return custRender(ui); }}
];
var dataModel = {"location":"local"
,"dataType":"JSON"
,"data": [{ "OrderID":"1", "ContactName":""}]};
var obj = {"width":"auto","height":"400","minHeight":"200","showTitle":true,"stripeRows":true,"showTop":false};
obj.colModel = colModel;
obj.dataModel = dataModel;
var grid = $("#testGrid").pqGrid(obj);
});
</script>
</body>
==================
8
Help for ParamQuery Pro / An error occurs when refreshDataAndView is called in IE.
« on: April 24, 2020, 01:43:51 pm »
Hi.
Please help me.
I have upgraded the version of pqgrid from 3.3.4 to 7.0.0.
Then I get an error and am in trouble.
I used refreshDataAndView method.
Then, an error occurs in IE.
Call t at line 557 of pqgrid.dev.php, but t is undefined.
It does not occur in chrome or firefox.
It can be confirmed by displaying the "test simple html" below in the IE browser and "IE developer tool" and clicking the "refresh" link.
Best regards.
=== test simple html ===
<body>
<a href="#" onclick="refresh(); return false;">reload</a>
<div id="testGrid"></div>
<script>
function refresh() {
$("#testGrid").show();
$("#testGrid").pqGrid('option', 'dataModel.location', "remote");
$("#testGrid").pqGrid('option', 'dataModel.postData', []);
$("#testGrid").pqGrid('refreshDataAndView');
}
$(function() {
var colModel = [{"title":"ID","dataType":"string","dataIndx":"id"}
, {"title":"name","dataType":"string","dataIndx":"name"}
];
var dataModel = {"location":"remote"
,"dataType":"JSON"
,"method":"POST"
,"url":"https:\/\/paramquery.com\/pro\/orders\/get"};
var obj = {"width":"auto","height":"400","minHeight":"200","showTitle":true,"stripeRows":true,"showTop":false};
obj.colModel = colModel;
obj.dataModel = dataModel;
var grid = $("#testGrid").pqGrid(obj);
});
</script>
</body>
==================
Please help me.
I have upgraded the version of pqgrid from 3.3.4 to 7.0.0.
Then I get an error and am in trouble.
I used refreshDataAndView method.
Then, an error occurs in IE.
Call t at line 557 of pqgrid.dev.php, but t is undefined.
It does not occur in chrome or firefox.
It can be confirmed by displaying the "test simple html" below in the IE browser and "IE developer tool" and clicking the "refresh" link.
Best regards.
=== test simple html ===
<body>
<a href="#" onclick="refresh(); return false;">reload</a>
<div id="testGrid"></div>
<script>
function refresh() {
$("#testGrid").show();
$("#testGrid").pqGrid('option', 'dataModel.location', "remote");
$("#testGrid").pqGrid('option', 'dataModel.postData', []);
$("#testGrid").pqGrid('refreshDataAndView');
}
$(function() {
var colModel = [{"title":"ID","dataType":"string","dataIndx":"id"}
, {"title":"name","dataType":"string","dataIndx":"name"}
];
var dataModel = {"location":"remote"
,"dataType":"JSON"
,"method":"POST"
,"url":"https:\/\/paramquery.com\/pro\/orders\/get"};
var obj = {"width":"auto","height":"400","minHeight":"200","showTitle":true,"stripeRows":true,"showTop":false};
obj.colModel = colModel;
obj.dataModel = dataModel;
var grid = $("#testGrid").pqGrid(obj);
});
</script>
</body>
==================
9
Help for ParamQuery Pro / Re: Is there a way to make dataMap reflected by a dataModel?
« on: July 06, 2017, 05:45:50 am »
I see.
dataMap could be settled by the way which isn't used, so this case became no problem.
Thank you very much for your correspondence.
dataMap could be settled by the way which isn't used, so this case became no problem.
Thank you very much for your correspondence.
10
Help for ParamQuery Pro / Re: Occurrence of an event is unjust by a browser.
« on: July 05, 2017, 02:26:28 pm »
It could be settled.
Thanks.
Thanks.
11
Help for ParamQuery Pro / Is there a way to make dataMap reflected by a dataModel?
« on: July 05, 2017, 08:05:05 am »
Hi,
I look at demo for https://paramquery.com/pro/demos/datamap.
The column of 'name', 'deliverytime' and 'unitprice can be changed by changing "Select Id" list.
When setting the value in dataModel, I'd like to make the value reflected.
ex. javascript:33 in demo
dataModel: { data: [{}, {}, {}, {}] }
↓
dataModel: { data: [{"id":"A1-B1-2"}, {}, {}, {}] }
"Edit and Run" is change the "Select ID" column only.
I'd like also to make a dataMap reflected in this case.
Are there any good advice?
Best regards.
I look at demo for https://paramquery.com/pro/demos/datamap.
The column of 'name', 'deliverytime' and 'unitprice can be changed by changing "Select Id" list.
When setting the value in dataModel, I'd like to make the value reflected.
ex. javascript:33 in demo
dataModel: { data: [{}, {}, {}, {}] }
↓
dataModel: { data: [{"id":"A1-B1-2"}, {}, {}, {}] }
"Edit and Run" is change the "Select ID" column only.
I'd like also to make a dataMap reflected in this case.
Are there any good advice?
Best regards.
12
Help for ParamQuery Pro / Re: Occurrence of an event is unjust by a browser.
« on: June 29, 2017, 05:33:53 am »
Thanks.
A select list in editor was considered.
But it's difficult to find out that it's a list seemingly.
Is there a way to show that it's a list like ▼ on the right side?
Best regards.
A select list in editor was considered.
But it's difficult to find out that it's a list seemingly.
Is there a way to show that it's a list like ▼ on the right side?
Best regards.
13
Help for ParamQuery Pro / Occurrence of an event is unjust by a browser.
« on: June 28, 2017, 11:44:29 am »
Hi.
please, help me.
I used select tag in cell value.
I want to use onchange event.
When it's used in grid, there is a case different from usual.
An assumed browser is IE11, chrome and Firefox.
The chrome, as expected.
The IE11 is 1st time only. When a focus is removed once, it becomes effective once again.
The Firefox is indicated list in twice, and a event is only the 2nd.
About Firefox.
It was no problem in version 38.0.1.
It's version 54 that a problem has occurred.
I using ParamQuery Pro v3.3.4.
=== test source ===
<select onchange="chTableVal(this);"><option></option><option>1</option><option>2</option></select>
<div id="testGrid" style="margin: auto;"></div>
<script>
function chTableVal(obj) {
alert("test");
}
$(function () {
var data = [ { select: '<select onchange="chTableVal(this);"><option></option><option>1</option><option>2</option></select>' }, ];
var obj = { title: "test",
dataModel: { data: data }
};
$("#testGrid").pqGrid(obj);
});
</script>
======================================================
please, help me.
I used select tag in cell value.
I want to use onchange event.
When it's used in grid, there is a case different from usual.
An assumed browser is IE11, chrome and Firefox.
The chrome, as expected.
The IE11 is 1st time only. When a focus is removed once, it becomes effective once again.
The Firefox is indicated list in twice, and a event is only the 2nd.
About Firefox.
It was no problem in version 38.0.1.
It's version 54 that a problem has occurred.
I using ParamQuery Pro v3.3.4.
=== test source ===
<select onchange="chTableVal(this);"><option></option><option>1</option><option>2</option></select>
<div id="testGrid" style="margin: auto;"></div>
<script>
function chTableVal(obj) {
alert("test");
}
$(function () {
var data = [ { select: '<select onchange="chTableVal(this);"><option></option><option>1</option><option>2</option></select>' }, ];
var obj = { title: "test",
dataModel: { data: data }
};
$("#testGrid").pqGrid(obj);
});
</script>
======================================================
14
Help for ParamQuery Pro / Re: Badness of the validations options
« on: December 26, 2016, 12:13:12 pm »
sorry.
It was a misunderstanding.
A Cursor key was effective.
All problems were settled.
It was a misunderstanding.
A Cursor key was effective.
All problems were settled.
15
Help for ParamQuery Pro / Re: Badness of the validations options
« on: December 26, 2016, 12:04:37 pm »
Thank you!!
It was settled.
I have next question.
Can't use cursor key when type is integer?
Best Regards.
It was settled.
I have next question.
Can't use cursor key when type is integer?
Best Regards.
Pages: [1] 2