如何设置AspxTreelist的重点节点的文本框文本

Question

我有一个Treelist，我从值列表中填充它。我也得到选定的节点值。但是，当我想通过该值设置此文本框时，我失败了。文本框中没有任何内容。我怎样才能通过这个selectednode值来填充文本框？

<dx:ASPxTreeList ID="ASPxTreeList1" runat="server" EnableTheming="True" Theme="Moderno" AutoGenerateColumns="True" KeyFieldName="ID" ParentFieldName="ReportsTo" Width="280px" 
        ClientInstanceName="treeList" OnCustomDataCallback="treeList_CustomDataCallback" > 
     <Columns> 
      <dx:TreeListTextColumn FieldName="ProjectName" VisibleIndex="0"> 
      </dx:TreeListTextColumn> 
      <dx:TreeListTextColumn FieldName="ReportsTo" VisibleIndex="3" Visible="False"> 
      </dx:TreeListTextColumn> 
     </Columns> 
     <Settings GridLines="Horizontal" ScrollableHeight="300" SuppressOuterGridLines="true" VerticalScrollBarMode="Visible" /> 
     <Settings ShowColumnHeaders="False" ShowTreeLines="False" /> 
     <SettingsBehavior AllowFocusedNode="True" /> 
     <ClientSideEvents CustomDataCallback="function(s, e) { document.getElementById('messageText').innerHTML = e.result; }" 
          FocusedNodeChanged="function(s, e) { 
     var key = treeList.GetFocusedNodeKey(); 
     treeList.PerformCustomDataCallback(key); 
    }" /> 

    </dx:ASPxTreeList> 
     <dx:ASPxTextBox ID="txtSelectedNode" runat="server" Theme="Moderno" Width="170px"> 
    </dx:ASPxTextBox> 
     <SettingsPager Mode="ShowAllNodes"> 
     </SettingsPager> 
     <SettingsDataSecurity AllowDelete="False" AllowEdit="False" AllowInsert="False" /> 
    </dx:ASPxTreeList> 


protected void treeList_CustomDataCallback(object sender, TreeListCustomDataCallbackEventArgs e) 
    { 
     string key = e.Argument.ToString(); 
     TreeListNode node = ASPxTreeList1.FindNodeByKeyValue(key); 
     if (!node.HasChildren) 
     {    
      txtSelectedNode.Text = node.GetValue("ProjectName").ToString(); 
     } 
    } 

Answer 1

我有一个解决方案。这是需要使用OnCustomJSProperties属性。我更新了我的代码块，如下所示：

<dx:ASPxTreeList ID="ASPxTreeList1" runat="server" EnableTheming="True" Theme="Moderno" AutoGenerateColumns="True" KeyFieldName="ID" ParentFieldName="ReportsTo" Width="280px" 
     ClientInstanceName="treeList" OnCustomJSProperties="TreeList_CustomJSProperties"> 
     <Columns> 
      <dx:TreeListTextColumn FieldName="ProjectName" VisibleIndex="0"> 
      </dx:TreeListTextColumn> 
      <dx:TreeListTextColumn FieldName="ReportsTo" VisibleIndex="3" Visible="False"> 
      </dx:TreeListTextColumn> 
     </Columns> 
     <Settings GridLines="Horizontal" ScrollableHeight="300" SuppressOuterGridLines="true" VerticalScrollBarMode="Visible" /> 
     <Settings ShowColumnHeaders="False" ShowTreeLines="False" /> 
     <SettingsBehavior AllowFocusedNode="True" /> 
     <ClientSideEvents FocusedNodeChanged="function(s, e) { 
      var key = treeList.GetFocusedNodeKey(); 
      var value = treeList.cpNodes[key]; 
      txtNode.SetText(value); 
    }" /> 
     <SettingsPager Mode="ShowAllNodes"> 
     </SettingsPager> 
     <SettingsDataSecurity AllowDelete="False" AllowEdit="False" AllowInsert="False" /> 
    </dx:ASPxTreeList> 
    <dx:ASPxTextBox ID="txtSelectedNode" ClientInstanceName="txtNode" runat="server" Theme="Moderno" Width="170px"> 
    </dx:ASPxTextBox> 


protected void TreeList_CustomJSProperties(object sender, TreeListCustomJSPropertiesEventArgs e) 
    { 
     ASPxTreeList treeList = sender as ASPxTreeList; 
     Hashtable nameTable = new Hashtable(); 
     foreach (TreeListNode node in treeList.GetAllNodes()) 
      if (!node.HasChildren) 
      { 
       nameTable.Add(node.Key, string.Format("{0}", node["ProjectName"])); 
       e.Properties["cpNodes"] = nameTable; 
      } 
    }