OBOUT - ASP.NET TreeView - Inside ComboBox

ASP.NET TreeView - Inside ComboBox

TreeView can be easily integrated with ComboBox.

ASP.NET

<obout:ComboBox ID="ComboBox1" runat="server">
        <Items>
                <obout:ComboBoxItem runat="server" />
        </Items>
        <ItemTemplate>
                <table style="position: relative;" width="160">
                       <tr><td><asp:Literal runat="server" ID="TreeViewContainer" /></td></tr>
                </table>
        </ItemTemplate>

</obout:Combobox>

JavaScript

The Text and Value of the Combobox must be updated when a node is selected.
For this, simply add a client-side script at the bottom of your page:

<script type="text/javascript">
      function ob_OnNodeSelect(id)
      {
          var node = document.getElementById(id);
              if (ob_getChildCount(node) == 0) {
                  window.setTimeout(function() { setComboBoxText(id); }, 150);
          }
      }

      function setComboBoxText(id) {
      {
          var node = document.getElementById(id);
          ComboBox1.selectedIndex(-1);
          ComboBox1.setValue(id);
          ComboBox1.setText(node.innerHTML);
          ComboBox1.close();
      }
</script>

"The grid itself is excellent. I'm amazed by what you have accomplished with it. It has become the main control for our pages due to our customers responses to layouts with it."

Mark Butler

Achieve Technology

Random testimonial All testimonials