Treelistcontrol drag template design

 

You can use it directly at home. It's just a little bit of knowledge. If you don't talk nonsense, you can use it. Just support it. Thank you:

<Datatemplate X: Key = "dragelementtemplate">

<Grid>

<Stackpanel>

<Image Source = "/mapsolution; component/images/qorange.png "width =" 24 "Height =" 24 "margin =" 2 "visibility =" {binding Path = draggingrows [0]. content. isguncamera, converter = {staticresource int2collosedconverter} "/>

<Image Source = "/mapsolution; component/images/oorange.png "width =" 24 "Height =" 24 "margin =" 2 "visibility =" {binding Path = draggingrows [0]. content. isguncamera, converter = {staticresource int2visibilityconverter} "/>

<Textblock fontfamily = "" fontsize = "24" text = "{binding Path = draggingrows [0]. content. name}"/>

</Stackpanel>

</GRID>

 

</Datatemplate>

 

 

<Dxg: treelistcontrol X: Name = "treelist" grid. Row = "2" itemssource = "{binding ships}" showborder = "false"

Selectionmode = "{binding selectionmode}" filtercriteria = "{binding filtercriteria, elementname = searchcontrol}">

<Dxg: treelistcontrol. Columns>

<Dxg: treelistcolumn fieldname = "cameraid" visibleindex = "0" header = "encoding"/>

<Dxg: treelistcolumn fieldname = "name" visibleindex = "1" header = "name"/>

<! -- <Dxg: treelistcolumn fieldname = "fullname" unboundtype = "string"

Unboundexpression = "[firstname] +'' + [lastname] "visibleindex =" 1 "readonly =" true "/>

<Dxg: treelistcolumn fieldname = "city" visibleindex = "2"/>

<Dxg: treelistcolumn fieldname = "addressline1" header = "Address" visibleindex = "3"/>

<Dxg: treelistcolumn fieldname = "phone" visibleindex = "4"/> -->

</Dxg: treelistcontrol. Columns>

<Dxg: treelistcontrol. totalsummary>

<Dxg: treelistsummaryitem fieldname = "cameraid" summarytype = "count"/>

</Dxg: treelistcontrol. totalsummary>

<Dxg: treelistcontrol. View>

 

<Dxg: treelistview X: Name = "View"

Parentfieldname = "parentid" keyfieldname = "nodeid"

Editorshowmode = "mouseupfocused" autoexpandallnodes = "true" nodeimageselector = "{staticresource categoryimageselector }"

Autowidth = "true" showtotalsummary = "true" showfilterpanelmode = "never" shownodeimages = "true" showcolumnheaders = "false" showindicator = "false" comment = "false" showverticallines = "false">

</Dxg: treelistview>

</Dxg: treelistcontrol. View>

<I: interaction. behaviors>

<Dxg: treelistdragdropmanager X: Name = "dragdropmanager" allowdrag = "true" dragover = "dragdropmanager_dragover_1" dragelementtemplate = "{staticresource dragelementtemplate}">

</Dxg: treelistdragdropmanager>

</I: interaction. behaviors>

</Dxg: treelistcontrol>

 

Private void dragdropmanager_dragover_1 (Object sender, devexpress. xpf. Grid. dragdrop. treelistdragovereventargs E)

{

E. showdraginfo = true;

E. showdropmarker = true;

}