Guriddo » tony's Replies

tony

Guriddo

Forum Replies Created

Viewing 15 replies - 106 through 120 (of 7,981 total)

← 1 2 3 … 7 8 9 … 531 532 533 →

Author

Replies

February 12, 2016 at 10:59 am in reply to: jqGrid filtertoolbar client side search not working #124846

tony

Keymaster

Hello,

It seems to me you do not have read carefully what Will recommend you.
Your code will work if you do this after calling the grid:

...
$(&quot;#jqGrid&quot;).jqGrid(&#039;setGridParam&#039;, {postData : {}});
...

...

$("#jqGrid").jqGrid('setGridParam', {postData : {}});

...

Note that using grid complette event is not recommended since this is lunched after every search, sort and etc.

Here is the modified code which use the postData as string and the local search is working as well.

This way – “You have the cake and it it too”

Enjoy

Best Regards

February 12, 2016 at 10:37 am in reply to: Filter Toolbar Multi-Pick #124845

tony

Keymaster

Hello Trevor,

As far as I can remember we have a similar example – search upon loading.

This can be found here.

The idea is simple – you should tell the script to perform the search. This is done with serch set to true.

In your example code you can try this:

jQuery(&#039;#grid&#039;).jqGrid(&#039;setGridParam&#039;,{
postData: obj[&#039;postdata&#039;],
search : true
}).trigger(&quot;reloadGrid&quot;);

jQuery('#grid').jqGrid('setGridParam',{

postData: obj['postdata'],

search : true

}).trigger("reloadGrid");

Best Regards,

February 10, 2016 at 2:40 pm in reply to: Search is not working in treegrid #124828

tony

Keymaster

Hello again,

We need to fix the problem where the search results should be expended in case if they are not

Regards,

February 10, 2016 at 2:33 pm in reply to: Search is not working in treegrid #124827

tony

Keymaster

Hello,

First of all thank you for look on this and perform a testing.

When downloading from github you will need to replace only 3 files

jquery.jqGrid.min.js

ui.jqgrid.css (or ui.jqgrid-bootstrap.css if Bootstrap is used)

the appropriate language file.

For testing purpose you can replace the minified jquery.jqGrid.min.js with the sourcecode jquery.jqGrid.js

I can’t imagine how can I order a cake and can’t it.!

This was a small chalnge for me, but actually the idea is to change thed data type to local before searching and put it back after the search is done. I have implemented this using the two events beforeSearch and afterSearch (suppose you use filter toolbar)

Here is the demo, which I have prepared for this purpose: Link to demo

In the demo I use beforeRequest to change the json data file – so this is not connected with our problem.

Unfortunately I can not reproduce the problem when we initially serch and after this we perform a sort. It will be very good if you can provide a simple test case with data.

Please let us know if there is a problem.

Kind Regards,

February 6, 2016 at 12:33 pm in reply to: Search is not working in treegrid #124800

tony

Keymaster

Hello,

We have implemented your suggestion and we find it very useful.

The updated code is in GitHub. It is in beta and needs to be refined.

If you want you can get it and test it.

Any other recommendation is welcome.

Best Regards,

December 18, 2015 at 1:38 pm in reply to: Feature suggestion #124611

tony

Keymaster

Hello Kris,

Thank you very much for the recommendation.

We will take this into account. I suppose you mean our desktop jqGrid.

Please note, that we have similar feature using iScroll property in our mobile version:

You can check the exmple here.

Kind Regards,

November 20, 2015 at 12:27 pm in reply to: Switch data source from local to ajax after initial load #124574

tony

Keymaster

Hello,

You almost have done it, but let see what you have do.

The grid settings are fine, but when the datatype initially is local you pass the rows form obj_initial_data – where is the other info so that the grid know what to do?

Actually if the datatype is local this info is not used, so we need to tell the grid something with parameters, but without to make reload of grid since this does not have sense (as you say)

Using gridComplete is not recommended. The most users use it, but this should be done only when you need to do something after the data is loaded. If you have to do only one action after the grid is loaded this event is not recommended.

The good way is just to use the command after the grid is called and nothing more. Using setTimeout will ensure that our commands will exceute once after the grid loaded.

Lucky we have a method which does not reload the grid, but change the pager settings and nothing more. This method is called updatepager. Bellow is the code which works. Note that the url is set in the grid initially, but you can change it in setGridParam too.

var obj_initial_data = { &quot;page&quot;: 1, &quot;total&quot;: 2, &quot;records&quot;: 9, &quot;rows&quot;: [
{ &quot;id&quot;: &quot;1&quot;, &quot;make&quot;:&quot;VW&quot;, &quot;model&quot;:&quot;Bus&quot;, &quot;year&quot;:&quot;1976&quot;, &quot;color&quot;:&quot;green&quot; },
{ &quot;id&quot;: &quot;2&quot;, &quot;make&quot;:&quot;Ford&quot;, &quot;model&quot;:&quot;F150&quot;, &quot;year&quot;:&quot;1984&quot;, &quot;color&quot;:&quot;brown&quot; },
{ &quot;id&quot;: &quot;3&quot;, &quot;make&quot;:&quot;Toyota&quot;, &quot;model&quot;:&quot;Camry&quot;, &quot;year&quot;:&quot;1989&quot;, &quot;color&quot;:&quot;maroon&quot; },
{ &quot;id&quot;: &quot;4&quot;, &quot;make&quot;:&quot;VW&quot;, &quot;model&quot;:&quot;Passat&quot;, &quot;year&quot;:&quot;2003&quot;, &quot;color&quot;:&quot;blue&quot; },
{ &quot;id&quot;: &quot;5&quot;, &quot;make&quot;:&quot;Toyota&quot;, &quot;model&quot;:&quot;Tacoma&quot;, &quot;year&quot;:&quot;1997&quot;, &quot;color&quot;:&quot;silver&quot; }
]};

$(document).ready(function () {
$(&quot;#tbl_test&quot;).jqGrid({
colNames: [&#039;id&#039;, &#039;Make&#039;, &#039;Model&#039;, &#039;Year&#039;, &#039;Color&#039;],
colModel: [
{name: &#039;id&#039;, index: &#039;id&#039;, hidden:true},
{name: &#039;make&#039;, index: &#039;make&#039;},
{name: &#039;model&#039;, index: &#039;model&#039;},
{name: &#039;year&#039;, index: &#039;year&#039;},
{name: &#039;color&#039;, index: &#039;color&#039;}
],
url: &#039;&lt;span class=&quot;crayon-s&quot;&gt;http://cdn.octavient.net/jqgrid/test_server.aspx&lt;/span&gt;&#039;,
pager: &#039;#pgr_test&#039;,
pgbuttons: true,
datatype: &#039;local&#039;,
data: obj_initial_data.rows,
localReader: {
root: &quot;rows&quot;,
page: &quot;page&quot;,
total: &quot;total&quot;,
records: &quot;records&quot;,
repeatitems: false
},
gridview: true,
height: 180,
//loadonce: true,
autowidth:true,
rowNum: 5,
viewrecords: true
});
setTimeout(function(){
var grid = $(&quot;#tbl_test&quot;);
grid.jqGrid(&#039;setGridParam&#039;, { records: obj_initial_data.records, lastpage: obj_initial_data.total, datatype: &#039;json&#039;});
grid[0].updatepager(false,true);
},100);
});

var obj_initial_data = { "page": 1, "total": 2, "records": 9, "rows": [

{ "id": "1", "make":"VW", "model":"Bus", "year":"1976", "color":"green" },

{ "id": "2", "make":"Ford", "model":"F150", "year":"1984", "color":"brown" },

{ "id": "3", "make":"Toyota", "model":"Camry", "year":"1989", "color":"maroon" },

{ "id": "4", "make":"VW", "model":"Passat", "year":"2003", "color":"blue" },

{ "id": "5", "make":"Toyota", "model":"Tacoma", "year":"1997", "color":"silver" }

]};

$(document).ready(function () {

$("#tbl_test").jqGrid({

colNames: ['id', 'Make', 'Model', 'Year', 'Color'],

colModel: [

{name: 'id', index: 'id', hidden:true},

{name: 'make', index: 'make'},

{name: 'model', index: 'model'},

{name: 'year', index: 'year'},

{name: 'color', index: 'color'}

url: '<span class="crayon-s">http://cdn.octavient.net/jqgrid/test_server.aspx</span>',

pager: '#pgr_test',

pgbuttons: true,

datatype: 'local',

data: obj_initial_data.rows,

localReader: {

root: "rows",

page: "page",

total: "total",

records: "records",

repeatitems: false

gridview: true,

height: 180,

//loadonce: true,

autowidth:true,

rowNum: 5,

viewrecords: true

});

setTimeout(function(){

var grid = $("#tbl_test");

grid.jqGrid('setGridParam', { records: obj_initial_data.records, lastpage: obj_initial_data.total, datatype: 'json'});

grid[0].updatepager(false,true);

},100);

});

One additional note – you use 4.5.2 version which is old and is no more supported.

Enjoy

Kind Regards,
Tony

November 19, 2015 at 11:25 am in reply to: feature suggestion #124571

tony

Keymaster

Hello Kris,

I have added your additions in the article here

Thank you very much for you contribution.

Kind Regards,

November 16, 2015 at 11:12 am in reply to: feature suggestion #124562

tony

Keymaster

Hello Kris,

That are great additions!

Could you please allow us to include these additions in the article and the example in the demo distributed with the package.

Thank you very much for sharing your additions!

Kind Regards,

November 16, 2015 at 11:07 am in reply to: jqGrid: pager not working : number of rows #124561

tony

Keymaster

Hello,

It depends on what you return from server. By example you should return the total number of records too. As PHP example you can look here

Kind Regards,

November 16, 2015 at 11:03 am in reply to: jqgrid: column chooser: editing dialog box #124560

tony

Keymaster

Hello,

I highly recommend you to look at our demo page here: http://www.guriddo.net/demo/guriddojs

In this demo you will find this example: http://www.guriddo.net/demo/guriddojs/integrations/column_chooser/index.html

Willy have point you to where to look at the texts that can be changed (language file in this case property cap.

So in your code you should use option property caption in column chooser and not ~~title.~~

Kind Regards,

November 16, 2015 at 10:51 am in reply to: IE 11 Pager wrapping Page 1 of 20 #124559

tony

Keymaster

Hello,

Any feedback on this problem would be greatly appreciated.

Thank you.

Kind Regards,

November 12, 2015 at 11:10 am in reply to: feature suggestion #124549

tony

Keymaster

Hello again,

The comment in the knowledgebase needs to be approved. I just have do this.

It seems that this article will be very popular.

Kind Regards

November 12, 2015 at 11:06 am in reply to: feature suggestion #124548

tony

Keymaster

Hello,

If I understand right you want a functionality similar to datepicker.

Actually it is not so easy. A possible approach is to use the focus/blur events on element, but I think this will make some trouble since the grid needs to focus a search fields.

It is really difficult using the current implementation of the grid, but not impossible. I will think about this, but do not promise that it can be done quick.

Kind Regards,

P.S. IMHO using jQuery autocompleter is another good solution too. In the same demo there is a use of autocompleter.

November 11, 2015 at 1:33 pm in reply to: feature suggestion #124523

tony

Keymaster

Hello,

We have added in our Knowledgebase the article explaining how to do pop up selection.

Enjoy.

Kind Regards,