Реализовать __getstate__
, чтобы вернуть только те части объекта, которые должны быть засолены
Контроллер в первую очередь предназначен для координации между видом и моделью.
К сожалению, иногда он смешивается с представлением - в небольших приложениях это не так уж плохо.
Я предлагаю вам поместить:
public void actionPerformed(ActionEvent e)
в контроллер. Затем ваш слушатель действий в вашем представлении должен делегировать контроллеру.
Что касается части проверки, вы можете поместить ее в представление или контроллер, я лично считаю, что он принадлежит контроллеру.
Я определенно рекомендую взять взгляните на Passive View и Supervising Presenter (который, по сути, разделен на Model View Presenter - по крайней мере, Фаулером). Видеть:
Вам нужен дополнительный div с большой шириной, чтобы содержать блоки, тогда они будут расширяться шире, чем div контейнера, и не опускаться до новой строки.
HTML:
<div id="container">
<div id="width">
<div class="block">
<!-- contents of block -->
</div>
<div class="block">
<!-- contents of block -->
</div>
<div class="block">
<!-- contents of block -->
</div>
<!-- more blocks here -->
</div>
</div>
] CSS:
#container {
height: 275px;
width: 1000px;
overflow-x: auto;
overflow-y: hidden;
max-height: 275px;
}
#container #width {
width:2000px; /* make this the width you need for x number of blocks */
}
#container div.block {
float: left;
margin: 3px 90px 0 3px;
}
Оберните свои плавающие блоки в другой блок большей ширины.
<div style="width:230px;overflow-x:auto;background-color:#ccc;">
<div style="width:400px">
<div style="height:100px;width:100px;float:left;border:1px solid #000;"></div>
<div style="height:100px;width:100px;float:left;border:1px solid #000;"></div>
<div style="height:100px;width:100px;float:left;border:1px solid #000;"></div>
</div>
</div>
Табличное решение должно работать очень хорошо.
Если вы не хотите использовать таблицы, вы также можете поместить все div .block в другой div внутри #container и дать этому "промежуточному-div" фиксированную - вычисляемую - ширину с помощью javascript после загрузки страницы.
Конечно, если вы уже знаете сколько .blocks у вас есть / если число фиксировано, вы можете задать фиксированную ширину "in-between-div" с помощью css.
Похоже, вы делаете галерею с помощью div?
Для чего именно вы используете эти div?
Может быть проще использовать ul / li с промежутками внутри li, чтобы получить тот же эффект без всех проблем с плавающими div.
Поместите div, которые вы хотите прокрутить, в таблицу следующим образом:
<div style='width:1000;border:2 solid red;overflow-x:auto'>
<table><tr>
<td><div style='width:300;height:200;border:1 solid black'>Cell 1 </div></td>
<td><div style='width:300;height:200;border:1 solid black'>Cell 2 </div></td>
<td><div style='width:300;height:200;border:1 solid black'>Cell 3 </div></td>
<td><div style='width:300;height:200;border:1 solid black'>Cell 4 </div></td>
<td><div style='width:300;height:200;border:1 solid black'>Cell 5 </div></td>
</tr></table>
</div>
Изменить: Я попробовал 3 из этих предложенных решений - все они отлично работают в Google Chrome, но первое (container1) не работает в IE (см. Рисунок) - так что решение SPAN получает мой голос :-):
<html>
<body>
<style>
div#container1
{
height: 275px;
width: 100%;
overflow: auto;
white-space: nowrap;
border:2 solid red;
}
div#container1 div.block
{
width: 300px;
height: 200px;
display: inline-block;
border: 1 solid black;
}
div#container2
{
height: 275px;
width: 100%;
overflow: auto;
white-space: nowrap;
border:2 solid red;
}
div#container2 span.block
{
width: 300px;
height: 200px;
display: inline-block;
border: 1 solid black;
}
div#container3
{
height: 275px;
width: 100%;
overflow: auto;
white-space: nowrap;
border:2 solid red;
}
div#container3 div.block
{
width: 300px;
height: 200px;
display: inline-block;
border: 1 solid black;
}
</style>
<p>
<div id='container1'>
<div class='block'>Cell 1 </div>
<div class='block'>Cell 2 </div>
<div class='block'>Cell 3 </div>
<div class='block'>Cell 4 </div>
<div class='block'>Cell 5 </div>
</div>
<p>
<div id='container2'>
<span class='block'>Cell 1 </span>
<span class='block'>Cell 2 </span>
<span class='block'>Cell 3 </span>
<span class='block'>Cell 4 </span>
<span class='block'>Cell 5 </span>
</div>
<p>
<div id='container3'>
<table><tr>
<td><div class='block'>Cell 1 </div></td>
<td><div class='block'>Cell 2 </div></td>
<td><div class='block'>Cell 3 </div></td>
<td><div class='block'>Cell 4 </div></td>
<td><div class='block'>Cell 5 </div></td>
</tr></table>
</div>
</body>
</html>
Редактировать 2 :
Я запустил эту тестовую страницу через browsershots.org, чтобы посмотреть, как с ней справляются разные браузеры. Вывод: совместимость браузера - отстой. : -)
http://browsershots.org/http://dot-dash-dot.com/files/test_div2.htm
Табличное решение работало чаще, но вариант span (который чище) ломался только в браузерах, о которых я никогда не слышал. : -)
Используйте:
div#container {
overflow: auto;
}
Или добавьте очищающий div под тремя div со стилем:
{
clear: both
}