Click in LISTBOX

Диня · №1

Доброго времени суток, всем посетителям этого замечательного сайта.

Передо мной встала проблема.

Как заставить LISTBOX с элементами типа checkbox при нажатии на него лишь выделяться, а не изменять свойство checked. Т.е. данное свойство должно изменяться при нажатии только на рисунок флажка (или его место), а не на весь элемент.

Вот просто код списка:

Выделить код

Код:

<?xml version="1.0"?>

<?xml-stylesheet href="chrome://global/skin/global.css" type="text/css"?>  

<dialog title="MyDialog"
        xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        buttons="accept, cancel"
		ondialogaccept="return true;" ondialogcancel="return true;" 
		height="300" width="300">

	
	<listbox id="MainList" rows="5" seltype="single" onselect="ShowDetails();" onclick="MasterListItemClick(event);" style="width : 211px; ">
	
		<listitem label="Main Menu" class="listitem-iconic" type="checkbox"/>
		<listitem label="Main Menu" class="listitem-iconic" type="checkbox"/>
		<listitem label="Main Menu" class="listitem-iconic" type="checkbox"/>	
	
	</listbox>

</dialog>

Буду очень благодарен за малейшие подсказки.

Shutnik · №2

Диня
на сколько я знаю стандартными средствами в listbox так сделать нельзя (однако, наверное, можно при клике по элементу проверять на что конкретно было сделано нажатие и возвращать флажок обратно).

можно поинтересоваться зачем это нужно?

Отредактировано shutnik (09-09-2007 16:06:16)

Infant · №3

Диня
Дорогой друг, не надо делать то, что ты задумал. Подумай сам, что бы было, если бы в меню надо было нажимать не на названии пункта, а на какой-то определённой его букве или её части. Не надо заставлять пользователя заниматься прицеливанием при работе с мышкой.

Диня · №4

USER пишет

shutnik

Во-первых, спасибо большое за оперативные ответы! Как вы меня тогда выручили с TAB SCROLL!!

Рассматривал вариант, о том что бы отрабатывать координаты нажатия на элемент (на image либо label).

Вот как можно навесить event на составляющие элемента listitem ??? Он ведь состоит из нескольких элементов... Может быть где-то попадалось именно такое???

Или как из event выдрать координаты нажатия кнопки по отношению к элементу???

USER пишет

Infant

Дорогой друг, в жизни всякие ситуации бывают, в том числе такие специфические

Это список опций. В главном списке отображаются кнопки тулбара, а в второстепенном списке его подкнопки (type=menu). Убираем галку в главном списке, кнопка пропадает на тулбаре. Также в второстепенном списке, но для дерева элементов кнопки тулбара.

Просто для примера, я естественно это не привел.

Так вот. При клике на название в главном списке, отображаются соответсвующие кнопки в второстепенном списке. Было бы совершенно не правильно, убирать/ставить галку только лишь при выборе списка элемента. А вот если пользователю не нужна соответствующая кнопка в тулбаре, он не поленится и жмякнет галку.

Может быть еще будут какие-то идеи????

Отредактировано Диня (10-09-2007 08:43:36)

Shutnik · №5

Диня
пошаманил тут. получилось так:

Выделить код

Код:

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin/global.css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <script type="application/x-javascript"><![CDATA[
    function myup(link){
      if(link.originalTarget.nodeName=='xul:label')
        link.target.setAttribute('mychecked',link.target.checked);
    }

    function mydown(link){
      if(link.originalTarget.nodeName=='xul:label' && link.target.getAttribute('mychecked')!=link.target.checked)
        link.target.setAttribute('checked',link.target.getAttribute('mychecked'));
    }
  ]]></script>

  <listbox onmouseup="myup(event)" onmousedown="mydown(event)">
    <listitem allowevents="true" type="checkbox" label="foo" />
  </listbox>

</window>

можно, по идее, повешать один обработчик на click (тогда и флажок мигать не будет), но у меня не получилось сделать return

Добавлено Mon Sep 10 12:50:57 2007 :
можно через клик - так:

Выделить код

Код:

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin/global.css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <script type="application/x-javascript"><![CDATA[
    function my(link){
      if(link.originalTarget.nodeName=='xul:label')
        link.target.checked=!link.target.checked;
    }
  ]]></script>

  <listbox onclick="my(event)">
    <listitem allowevents="true" type="checkbox" label="foo"/>
  </listbox>

</window>

как перехватить дальнейший event я не знаю

Диня · №6

Хм... прийду домой попробую ваш вариант (щас на Оракловых курсах...).

Пока база создавалась :cool: подумал, что можно XBL сделать где и описать поведение своего элемента :angel:

Отредактировано Диня (10-09-2007 13:45:22)

Диня · №7

Задача решается следующим образом. Обрабатывается событие onmousedown для списка. Только по нажатию на image (составляющей listitem'a) изменяется состояние.

Исключается мигание галочки и некорректная отработка некоторых ситуаций вышеприведенного скрипта.

За идею, огромное спасибо, shutnik'у

Выделить код

Код:

<?xml version="1.0"?>
<?xml-stylesheet type="text/css" href="chrome://global/skin/global.css"?>
<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

  <script type="application/x-javascript"><![CDATA[

function mydown(link)
{
      if(link.originalTarget.nodeName!='xul:image' )
		link.target.checked=!link.target.checked;

}

  ]]></script>

  <listbox onmousedown="mydown(event)">
	<listitem allowevents="true" type="checkbox" label="foo" />
	<listitem allowevents="true" type="checkbox" label="foo" />
	<listitem allowevents="true" type="checkbox" label="foo" />
	<listitem allowevents="true" type="checkbox" label="foo" />
  </listbox>

</window>

Отредактировано Диня (11-09-2007 12:00:28)

papa-din · №8

А развязать нельзя?
<hbox>
<checkbox label=""/><button label="asdf"/>
</hbox>

Полезная информация

№109-09-2007 14:39:50

Click in LISTBOX

Код:

№209-09-2007 16:03:47

Re: Click in LISTBOX

№309-09-2007 19:01:29

Re: Click in LISTBOX

№410-09-2007 08:41:40

Re: Click in LISTBOX

№510-09-2007 12:34:53

Re: Click in LISTBOX

Код:

Код:

№610-09-2007 13:39:09

Re: Click in LISTBOX

№711-09-2007 11:22:28

Re: Click in LISTBOX

Код:

№804-10-2007 22:53:02

Re: Click in LISTBOX

Board footer