Hi:
Based on the code Senshi suggested, [thank you!] I created a static dataset to try it out. What I found was that it does toggle the text item in the grid column, however, if there is more than one item in the dataset, it only toggles the first item. Am I missing something? Can you please review what I have done and suggest how I can toggle the entire column?
Best Regards,
Patrick
**Learning as I go!**
<canvas>
<class name="mygridtext" extends="gridcolumn">
<!--- The datapath attribute for a grid text is used for the text that
is displayed in the rows. -->
<attribute name="datapath"
setter="this.setAttribute( 'rowdp', datapath )"/>
<!--- type of content's alignment. Default: left
possible values are: left, center, right -->
<attribute name="textalign" type="string" value="left"/>
<!--- @keywords private -->
<attribute name="rowdp" value="" type="string"/>
<!--- If set to false, the field will not be editable. -->
<attribute name="editable" value="true" type="boolean" setter="setEditable(editable)" />
<!--- @keywords private -->
<attribute name="_textcolor" value="null"/>
<!--- @keywords private -->
<attribute name="_texthilitecolor" value="null"/>
<!--- @keywords private -->
<attribute name="_textselectedcolor" value="null"/>
<!--- @keywords private -->
<attribute name="editDel" value="null" />
<!--- @keywords private -->
<method name="_inferSortpath">
return this.rowdp;
</method>
<method name="_applystyle" args="s">
super._applystyle( s );
this.setAttribute( '_textcolor' , s.textcolor );
this.setAttribute( '_texthilitecolor' , s.texthilitecolor );
this.setAttribute( '_textselectedcolor' , s.textselectedcolor );
</method>
<method name="setEditable" args="edt" >
this.editable = edt;
if ( this["oneditable"] ) oneditable.sendEvent( edt );
if ( !_initcomplete ) return;
if ( edt ){
this.editDel.enable();
} else {
this.editDel.disable();
}
</method>
<view height="24" clickable='${parent.editable}'
onmouseover="immediateparent.domouseover()"
onmouseout="immediateparent.domouseout()"
y="${immediateparent.height/2 - height/2}"
clip="true" >
<attribute name="editing" value="false"/>
<attribute name="focusable" value="${!editing &&
parent.editable}"/>
<method name="init">
this.parent.editDel = new LzDelegate( this, 'startEditing' );
this.parent.editDel.register( this , 'onmousedown' );
this.parent.editDel.register( this , 'onfocus' );
if ( !parent.editable ){
this.parent.editDel.disable();
}
super.init();
</method>
<method name="startEditing">
immediateparent.select();
this.setAttribute( 'editing' , true );
LzFocus.setFocus( editbox );
</method>
<text visible="${!parent.editing}" width="${parent.width}"
y="$once{ parent.height /2 - this.height/2}"
fgcolor="${ parent.immediateparent.selected ?
classroot._textselectedcolor:
(parent.immediateparent.highlighted ?
classroot._texthilitecolor:
classroot._textcolor)}"
datapath="$once{parent.parent.rowdp}">
<method event="oninit">
<![CDATA[
var f = function() {
this.setAttribute("x", this._calcX());
}
var d = [this, "width"];
this.applyConstraint("x", f, d);
]]>
</method>
<method event="ontext" args="val">
<![CDATA[
this.setAttribute("x", this._calcX());
]]>
</method>
<method name="_calcX">
<![CDATA[
if (classroot.textalign == "center"){
var x = ((this.width /2) - (this.getTextWidth() /2));
if (x < 0) x = 0;
return x;
}
else if (classroot.textalign == "right"){
var x = ((this.width) - (this.getTextWidth() + 10));
if (x < 0) x = 0;
return x;
}
else{
return 0;
}
]]>
</method>
</text>
<state pooling="true" apply="${parent.editing}"
onremove="parent.editbox.datapath.updateData()">
<edittext datapath="$once{parent.parent.rowdp}"
name="editbox" width="${parent.width}">
<method name="init">
this.globalMouseDel = new LzDelegate( this,
"checkMouse" );
super.init();
</method>
<datapath>
<attribute name="datacontrolsvisibility" value="false"/>
</datapath>
<method name="applyData" args="d">
//because of the monkeying with init that this
//componentdoes, the data for this thing can sometimes
//get set before it's ready for it
if ( !this._initcomplete ) {
this.setText( d );
} else {
super.applyData(d);
}
</method>
<handler name="onfocus">
this.globalMouseDel.register( LzGlobalMouse,
"onmousedown" );
</handler>
<handler name="onblur">
parent.setAttribute( 'editing' , false );
</handler>
<method name="checkMouse" args="who">
if ( !this.containsPt( this.getMouse( 'x' ) ,
this.getMouse( 'y' ) ) ){
parent.setAttribute( 'editing' ,false );
}
</method>
<handler name="onkeyup" args="k">
if ( k == 13 ){
parent.setAttribute( "editing" , false );
LzFocus.setFocus(parent.immediateparent.ownerGrid) ;
}
</handler>
</edittext>
</state>
</view>
</class>
<dataset name="dsDedCode">
<dedcodes>
<dedcode>Item 1</dedcode>
<dedcode>Item 2</dedcode>
<dedcode>Item 3</dedcode>
</dedcodes>
</dataset>
<!-- <dataset name="dsDedCode" src="dedcodes.jsp" request="true" type="http" initstage="late" /> -->
<simplelayout axis="y" spacing="5" />
<attribute name="editable" value="false" type="boolean" />
<grid id="myx" datapath="dsDedCode:/dedcodes" contentdatapath="dedcode/" >
<mygridtext text="Col 1" editable="${parent.editable}" datapath="text()" />
</grid>
<button text="edit" onclick="myx.setAttribute('editable',!myx.editable )" />
</canvas>