Thanks.

Yes, the code works well, but I expected another output ;-)

I don´t want to add a new pagination-bar - I would like to add some text/some buttons to an existing pagination-bar of a datagrid.

In this example: http://jsfiddle.net/H7QDt/ I get 2 pagination-bars - but I would like to see "Your Label" in the first (grey background) pagination-bar.

Any suggestions?

Thanks!
Digo

Hi!

Thanks for your reply!

I added http://www.jeasyui.com/easyui/plugins/jquery.pagination.js and the easyui-pagination-div, but there is no change within the pagination-bar. By using Firebug I can see, that there is an invisible additional pagination-bar blow the grid.

Any suggestions?

Thanks!
Digo

Code:

<div class="easyui-layout" fit="true">
			<div region="north" split="true" border="false" style="height:340px">
				     				<table id="dg"
						url="ajax_GetList.php?TicketTyp=<?php echo($TicketTyp); ?>" border="false"
						fit="true" fitColumns="true" singleSelect="true"

						loadmsg="Daten werden geladen..."
						pagination="true" pageSize="10" pageList="[5,10,20,30,40,50,100]"
						toolbar="#tb_dg" >
					<thead>
						<tr>
						   <th data-options="field:'itemid', sortable:false" width="25">ID</th>
						   <th data-options="field:'ProduktBez', hidden:false" width="150">Produkt</th>
							<th data-options="field:'Subject', sortable:true" width="300">Thema</th>
							<th field="InfoIcons" width="60">Info</th>
							<th field="ErstellDatumOut" width="60">Datum</th>
							<th field="User" width="65">Erfasser</th>
				         <th field="statusBez" width="100" align="center" formatter="formatStatusUser">Status</th>
						</tr>
					</thead>
				</table>

<div class="easyui-pagination" data-options="total:114,buttons:'#digobb'" style="border:1px solid #ddd;">xxxxxxxxx</div>
<div id="digobb">
  <span>Your Label</span>
</div>

		<div id="tb_dg" style="padding:5px;height:auto">
		   <div style="margin-bottom:5px">

Hi!

I would like to add some text and a button after the refresh-button in the pagination-bar.
Is this possible?

Thank!

Digo

Thanks! Works fine!

Digo

Hi!

I would like to set the title of a collapsed panel.
I tried:

Code:

$('#MyHeaderPanelID').panel('setTitle', 'MyTestHeader');

but div of the collapsed panel is still " ".

Code:

<div class="panel-title"> </div>

It´s no problem to set this text using Firebug.

Code:

<div class="panel-title">MyTestHeader</div>

Thanks!
Digo

Hi!

Thanks for your quick reply.

I defined a panel and I am using
$('#TicketContent').panel('refresh','index.php?ID=...‘);
to load data.

Strange thing: it seems to work now, but when you use Firebug you can see, that
additional (ident.) code is still being added.

example:
http://www.elba.at/flicker2/jeasyui/

Thanks!
Ciao
Digo

ok, $.parser.parse(); seemed to be my solution, but...

I will have to go into more details:

We have a div (id=TicketContent) and an ajax-request (the content end in TicketContent-div)

Code:

   var ActID=11;
   $.ajax({
      type: "POST",
      url: "index.php",
      data: { SystemType: "CRT", ID: ActID }
   }).done(function( returnHTML ) {
      $("#TicketContent").html(returnHTML);
      $.parser.parse();
   });

returnHTML contains easyui-linkbutton, easyui-dialog (including a form and easyui-linkbutton):

Code:

<h1>I AM AJAX-CONTENT</h1>
	<a href="#" id="AddButtonIDAJAX" class="easyui-linkbutton" iconCls="icon-adduser" plain="true" onclick="newUserAjax()">AJAX-Button Dialog</a>

		<div id="dlg-ajax" class="easyui-dialog" style="width:400px;height:320px;padding:10px 20px" closed="true" buttons="#dlg-buttons1">
		<div class="ftitle">AJAX-Dialog</div>
		<form id="fm-ajax" method="post" novalidate>
			<div class="fitem">
				<label>Username:</label>
				<input name="username" class="easyui-validatebox" required="true" missingMessage="Pflichtfeld">
			</div>
			<div class="fitem">
				<label>Vorname:</label>
				<input name="firstname" class="easyui-validatebox" required="true" missingMessage="Pflichtfeld">
			</div>
			<div class="fitem">
				<label>Familienname:</label>
				<input name="lastname" class="easyui-validatebox" required="true" missingMessage="Pflichtfeld">
			</div>
			<div class="fitem">
				<label>Verf&uuml;ger:</label>
				<input name="verfueger" class="easyui-validatebox" required="true" validType="EFORCE_OR_VERF[16]" invalidMessage="16 Stellen, Beispiel: ELOOE01V1V000001" missingMessage="16 Stellen, Beispiel: ELOOE01V1V000001">
			</div>
			<div class="fitem">
				<label>Firma:</label>
				<input name="company" class="easyui-validatebox" required="true" missingMessage="Pflichtfeld">
			</div>
		</form>
	</div>

   <div id="dlg-buttons1">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveUserAdd()">Speichern</a>
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg-ajax').dialog('close')">Abbrechen</a>
	</div>

I added $.parser.parse(); right after the first ajax-call -everything is fine.
I see the divs created by the parser (panel window, ...) at the end of html-source (Firebug)

The problem: after the second ajax-call I see all the divs generated a second-time, after
the third call you will find 3 divs with the exact same content, including same ids.

Working example:
http://www.elba.at/flicker2/jeasyui

Content of ajax-request:
http://www.elba.at/flicker2/jeasyui/index.php?SystemType=ajax

press Button ajax-call
press AJAX-Button Dialog

--> no problem, works fine

press Button ajax-call again
press Button ajax-call again
...
...
press Button ajax-call again
press AJAX-Button Dialog --> buttons are gone

and now use Firebug to see the generated html-source-code.


Any suggestions?


Ciao
Digo

found a solution:

$.parser.parse();

Ciao
Digo

Hi!

I am using easyui-layout, content within div-region north comes from an ajax-request (e.g. ajax_north.php).

ajax_north.php just sends:

Code:

<a href="#" id="ajaxLinkButtonID" class="easyui-linkbutton" iconCls="icon-adduser" plain="true" onclick="newUser()">Add new User</a>

The problem: I just see a normal link - not a easyui-linkbutton.

How can I create a "dynamic" easyui-linkbutton?

Thanks!
Ciao
Digo

Hi Kevin,

thanks! That´s it! Working fine now!

Ciao
Digo

Hi!

I tried to add a jquery-tooltip plugin to a website.

Outside my datagrid the tooltip works fine:



I have added the same html-code to my json-file, but within a datagrid the tooltip does not work:



You can find the demo.html here:
http://www.mbsip.com/easyui/demo.html

Any suggestions?

Ciao
Digo