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; 
      } 
    }