Hi STworthy,

Sorry, the "$rpgrid" is somewhat confusing.

I generate all the markup and javascript with php (Built a php wrapper with a gridclass and formclass to built all the grids and forms). So, the $rpgrid is the php variable that holds the grid.

But late lastnight I already found a solution for my problem.
I have a toolbar above my grid and had some padding in it to give the buttons some more space.
And just this padding pushed the horizontal scrollbar at the bottom of my grid out of sight.
After removing the padding, the scrollbar was visible again, so that's solved.

But, in that case, the question remains how I could add some padding in the toolbar without pushing the scrollbar out of sight.

Thanks for your help as allways

What I discover is that when I remove the toolbar above the grid, the horizontal scrollbar is visible without problems.
So it has somehing to do with the toolbar above the grid.

I have already "fit:true" in the datagrid.

What I do is loading html with a datagrid dynamic in the collapsed south region.
with:
$("#rplayout2").html("$rpgrid");

After that I use:
$('#rplayout2').layout('expand','south');

Hi,

I have a datagrid in a south layoutpanel.
It is dynamically loaded in the panel.
Because of the number of columns I have a horizontal scrollbar.

But the scrollbar is just invisible at the bottom of the panel.
If I drag the divider between the north and south panel a little bit up, the scrollbar shows.
I tried to give the south panel a little bit more height, but the problem stays the same.

How do I solve this problem?

Hi,

Supposing you have the data in your datagrid also serverside in a database or so, it's easier to use a library as phpexcel for this. I have very good results with it and also can take care of styling the excel file with this.

Great job again. Jeasyui is getting better and better. 
And I see that the new widgets are already added to the demos.

Lots of great widgets by now....so....one small question:
Could you put the list of demos, etc. in alfabetical order or so. That would be easier 

Reems

Hi Neil,

Something like this:

SELECT table.customers_name, table_orders.customerid, table_orders.amount, etc for other fields
FROM table_customers
LEFT JOIN table_orders
ON table_orders.customerid = table_customers.id
WHERE table_customers.id = ?

Allthough you should af course just have googled an example:
http://www.mysqltutorial.org/mysql-left-join.aspx   (here even an example indeed with customers and orders)

Next time maybe just Jeasyui questions here?

Reems

Hi Stworthy,

I solved this one already with other posts in the forum.

Reems

Great, thanks for the great work Stworthy!

Could you give an example how returning a css class would work for rowstyle, depending on one of the values in the row?

Thanks,
Reems

Hi Andyi,

Sorry for the late reply. I have been too busy with my work.

I have indeed one form with several tabs. See the attachment for a screenshot.
These works perfect, no problems.

A form with two tabs could look like this:

Code:

<script>
$("#w").html("<form id=\"rpf\" method=\"post\">  
<input type=\"hidden\" name=\"formid\" value=\"plan\"></input>   
<div id=\"formtabs\" class=\"easyui-tabs\" style=\"width:560px;height:400px; border-style: outset;\">  
	<div title=\"Tabtitle1\" style=\"padding:10px;\">
		your fields in tab1
	</div>
	<div title=\"Tabtitle2\" style=\"padding:10px;\">
	your fields in tab2
	</div>
</div>
	<div id=\"submit1\" 
		style=\"text-align: right; float:right; padding: 5px 10px 0px 0px;\">
		<a href=\"javascript:void(0)\" 
		class=\"easyui-linkbutton\" 
		onclick=\"submitForm()\">Opslaan</a></div>
</form>");

$('#w').window('setTitle','Yourformtitle');
$.parser.parse('#w');
$.parser.parse('#formtabs');
</script>

To be able to load above form in a modal window as I did, in your basic html page, you should have by example:

Code:

<div id="w" class="easyui-window" title="Modal Window" data-options="maximizable:false,resizable:false,modal:true,closed:true,minimizable:false,collapsible:false" style="width:600px;height:500px;padding:10px;">   
    </div>

The following script I use for loading the data after a gridrow is selected (the gridid and formid variables are there because I use standard functions that can handle all the forms in my application):

Code:

<script>
function edit(gridid)
          {
           var row = $('#grid1').datagrid('getSelected');
           var formid = gridid;  
            if (row){
              console.log(row.id);
              $('#w').window('open');
              $('#rpf').form('load','rp/getformdata.php?formid=' + formid + '&id=' + row.id);
              }
            else{noRowSelect();}
          }
</script>

Posting the form is normal. no extra things because of the tabs.

Hope this helps.

Reems

Hello Andyj,

Can you show your script for form plus tabs to check what goes wrong?

I am using forms with tabs and have no problems with them. Loading and saving data works fine.

Reems

Thanks stworthy. That did the trick!

Reems

Hello,

I have (in a window) a form with tabs. Opening the form a message is shown next to field that a field is required. But when I click on the second tab the message jumps out of the form to the upper left corner of the browser window. See the attached screen image. When I go back to the first tab the message jumps back to the field.

When i close the window with the form while the validationmessage is still in the upper left corner it stays there.

I have no idea how to solve this.
Anyone?

Thanks,
Reems

Hello all,

Is there already a solution for this question.
I am interested also.

Thanks,
Reems