Print Page - multiple options not work when fit set true accordion.

Title: multiple options not work when fit set true accordion.
Post by: Opan Mustopah on November 10, 2014, 11:53:36 PM

hello again,

why multiple options doesn't work when i set options fit= true on accordion?

i have two panel on accordion, so when accordion loaded, that two panel initially expanded. but when fit options set to true, multiple options overriden by fit options.

there is a way to make it work together?

thanks in advance
opan

Title: Re: multiple options not work when fit set true accordion.
Post by: stworthy on November 11, 2014, 12:07:09 AM

Please show an example to describe how you put the panels in the accordion.

Title: Re: multiple options not work when fit set true accordion.
Post by: Opan Mustopah on November 11, 2014, 01:02:18 AM

Code:

 <body>
    <div class='easyui-panel' data-options='border: false, fit: true' style='padding: 2px;'>
      <div class='easyui-panel'>
        <div class='tb' id='tb_list_data'>
          <span>
            <a class="easyui-linkbutton" data-options="plain:true" href="javascript:void(0)" iconCls="icon-add" onclick="new_row($list_data);">Grid</a>
            <a class="easyui-linkbutton" data-options="plain:true" href="javascript:void(0)" iconCls="icon-add" onclick="new_form();">Form</a>
          </span>
        </div>
      </div>
      <div id='accordion' style='overflow:auto;height:auto;'>
        <div class='easyui-accordion' data-options='multiple:true,border:true,fit:true'>
          <div data-options='collapsed:false' id='panel1' title='Admin Modul'>
            <iframe frameborder='0' height='100%' id='admin_ms_modul' name='admin_ms_modul' scrolling='auto' src='/admin_ms_moduls?prm=179' width='100%'></iframe>
          </div>
          <div data-options='collapsed:false' id='panel2' title='Admin Modul Navigasi'>
            <iframe frameborder='0' height='100%' id='admin_ms_modul_navigasi' name='admin_ms_modul_navigasi' scrolling='auto' src='/admin_ms_modul_navigasis?prm=179' width='100%'></iframe>
          </div>
        </div>
      </div>
    </div>
  </body>

i want to make accordion can scrolling when all panel expanded. could it be?

Title: Re: multiple options not work when fit set true accordion.
Post by: stworthy on November 11, 2014, 01:42:54 AM

Why do you set 'fit' property to true for the accordion? The 'fit' property set to true means that this component will full fill its parent container. Please make sure what you are doing. You can try to use the 'layout' component in the panel to separate the toolbar and accordion areas.

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Opan Mustopah on November 10, 2014, 11:53:36 PM