Bommels05/Mozilla
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

work-in-progress for select dropdown widget. Respond to a custom event fired by the content node to notify us of a selection change. Notify the content node when an item is selected in the popup. Not turned on by default.

Browse Source 
git-svn-id: svn://10.0.0.236/trunk@111650 18797224-902f-48f8-a5cc-f745e15eee43
This commit is contained in:
bryner%netscape.com
2002-01-09 06:38:47 +00:00
parent 901f0df3ef
commit 9614cbd4d9
2 changed files with 96 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
mozilla/layout/forms/resources/content/select.xml
View File

@@ -514,18 +514,64 @@
</binding>
<binding id="select" extends="xul:menu">
<implementation>
<property name="selectElement" readonly="true"
onget="return this.QueryInterface(Components.interfaces.nsISelectElement);"/>
<method name="updateLabel">
<body>
<![CDATA[
var selectedIndex = this.selectedIndex;
var item = this.childNodes[selectedIndex];
var newLabel = item.label;
if (!newLabel)
newLabel = item.text;
this.setAttribute('label', newLabel);
]]>
</body>
</method>
<constructor>
<![CDATA[
this.updateLabel();
]]>
</constructor>
</implementation>
<content sizetopopup="true">
<xul:label flex="1" value="Dummy" style="border: 1px solid red"/>
<xul:label flex="1" value=" " inherits="value=label" style="border: 1px solid red"/>
<xul:dropmarker/>
<xul:menupopup style="display:-moz-popup!important">
<children/>
</xul:menupopup>
</content>
<handlers>
<handler event="command" phase="capturing">
<![CDATA[
if (event.originalTarget.localName != 'OPTION')
return;
// Notify the select element that the selected item has changed.
// It will then give us a selectedItemChanged event.
var itemIndex = 0;
for (itemIndex = 0; itemIndex < this.childNodes.length; ++itemIndex) {
if (this.childNodes[itemIndex] == event.originalTarget)
break;
}
if (itemIndex == this.childNodes.length) // not found
return;
this.selectElement.setOptionsSelectedByIndex(itemIndex, itemIndex, true,
true, false);
]]>
</handler>
<handler event="selectedItemChanged" action="this.updateLabel();"/>
</handlers>
</binding>
<binding id="select-option" extends="xul:menuitem">
<content>
<xul:label>
<xul:label inherits="value=label">
<children/>
</xul:label>
</content>

50
mozilla/layout/html/forms/resources/content/select.xml
View File

@@ -514,18 +514,64 @@
</binding>
<binding id="select" extends="xul:menu">
<implementation>
<property name="selectElement" readonly="true"
onget="return this.QueryInterface(Components.interfaces.nsISelectElement);"/>
<method name="updateLabel">
<body>
<![CDATA[
var selectedIndex = this.selectedIndex;
var item = this.childNodes[selectedIndex];
var newLabel = item.label;
if (!newLabel)
newLabel = item.text;
this.setAttribute('label', newLabel);
]]>
</body>
</method>
<constructor>
<![CDATA[
this.updateLabel();
]]>
</constructor>
</implementation>
<content sizetopopup="true">
<xul:label flex="1" value="Dummy" style="border: 1px solid red"/>
<xul:label flex="1" value=" " inherits="value=label" style="border: 1px solid red"/>
<xul:dropmarker/>
<xul:menupopup style="display:-moz-popup!important">
<children/>
</xul:menupopup>
</content>
<handlers>
<handler event="command" phase="capturing">
<![CDATA[
if (event.originalTarget.localName != 'OPTION')
return;
// Notify the select element that the selected item has changed.
// It will then give us a selectedItemChanged event.
var itemIndex = 0;
for (itemIndex = 0; itemIndex < this.childNodes.length; ++itemIndex) {
if (this.childNodes[itemIndex] == event.originalTarget)
break;
}
if (itemIndex == this.childNodes.length) // not found
return;
this.selectElement.setOptionsSelectedByIndex(itemIndex, itemIndex, true,
true, false);
]]>
</handler>
<handler event="selectedItemChanged" action="this.updateLabel();"/>
</handlers>
</binding>
<binding id="select-option" extends="xul:menuitem">
<content>
<xul:label>
<xul:label inherits="value=label">
<children/>
</xul:label>
</content>