EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Opan Mustopah on November 20, 2014, 09:41:51 PM



Title: datagrid layout in a mess when loaded inside iframe
Post by: Opan Mustopah on November 20, 2014, 09:41:51 PM
hello again,

why datagrid layout in a mess when data load successfully inside an iframe, (see pic: )? , so i must reload it once and then the datagrid looks normal. but when i load it not inside iframe, it work normally.

thanks in advance


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: aswzen on November 24, 2014, 01:23:48 AM
you have to set default table cell width before datagrid rendered..
kayak gini
<th data-options="field:'EXIST',checkbox:true" width="100px">Group ID</th>
<th data-options="field:'GROUP_ID'" width="80px">Groups</th>
<th data-options="field:'GROUP_NAME'" sortable="true" width="200px">Name</th>


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: Opan Mustopah on November 24, 2014, 07:57:41 AM
untuk lebar masing2 column sudah saya set mas, trus saya buatnya ga di html, tapi semua di javascript.

mungkin problem saya bisa di jelaskan kaya gini:

di program saya yang sekarang, setiap open tab baru, saya simpan id tab nya di cookies, jadi ketika nanti user refresh browser, tab yang sudah di buka tadi akan otomatis terload. nah sekarang anggap user sudah membuka 3 tab, lalu user refresh (f5) browser, saat itulah problemnya muncul.

ketika ketiga tab itu di load bersamaan, tab no 1 dan 2 contentnya pasti berantakan, hanya tab yang ke 3 aja yang terload sempurna (data dan tampilannya tidak berantakan). kira2 solusi untuk seperti itu bagaimana ya mas?

terima kasih banyak,sudah mau menjawab :D


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: aswzen on November 24, 2014, 11:41:15 PM
saya pernah terjadi seperti itu..
dan ini mungkin salah satu kekurangan easyui seandainya kita punya tab yang banyak dan didalamnya terdapat banyak komponen lain seperti datagrid, panel, form dsb biasanya rendernya ngaco apalagi mas pake iframe..

kalau saya dulu solusinya diganti ajaxload mas
jadi tab kan mendukung ajax jadi kaya gini
(pake href)

Code:
      
<div data-options="region:'center',title:'Asset',iconCls:'icon-asset',fit:true" class="easyui-panel">
    <div title="Search Filter" data-options="iconCls:'icon-search',href:'<?php echo Router::url('/'); ?>admin/asset/search'"  >
    </div>
</div>

jadi ketika state tab nya diload dari cookies memang posisi tabnya sudah terurut tapi isinya blum ada kecuali yang lagi kepilih,...

keuntungannya ini juga bisa membuat aplikasi mas jdi lebih ringan


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: Opan Mustopah on November 25, 2014, 12:44:48 AM
hmm berarti kalau spt yang mas bilang, saya sudah ga bisa lagi pakai iframe dong ya?
dan kalau spt ini content baru di load kalau user pilih tabnya ya?


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: aswzen on November 30, 2014, 11:46:02 PM
jangan pakai iframe coba mas..hasilnya bagaimana


Title: Re: datagrid layout in a mess when loaded inside iframe
Post by: Opan Mustopah on November 30, 2014, 11:49:01 PM
wah hasilnya pasti berantakan mas, soalnya semua yang ada di dalam iframe tsb pakai function yang sama, jadi alasan saya pakai iframe itu ya menghindari bentrok antar function aja, nama function sama, cuma kan tiap2 isi dari iframe punya content berbeda2.

 :-\