how to show submit button when click on treeview in any node

Anjali Khan

8y838.NET

Hi frnds

how to show submit button when click on treeview in any node .

i have treeview with buttons . i hide button submit on page load ,which i showed in below code .

here i want if i click on ant node or subnode submit button should be display or enable so how to do this ?

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ankit Sharma8y ago
Accepted answer
Hi Anjali,

i am using the following DOM structure
<asp:TreeView ID="TreeView1" runat="server"
     ShowExpandCollapse="false" Checked="false">
    <Nodes>
         <asp:TreeNode Text="Home" Target="_blank"/>
            <asp:TreeNode Text="Employee" Target="_blank">
              <asp:TreeNode Text="Upload Resume" Target="_blank" />
              <asp:TreeNode Text="Edit Resume"  Target="_blank" />
              <asp:TreeNode Text="View Resume" Target="_blank" />
           asp:TreeNode>
    Nodes>
asp:TreeView>

<asp:Button ID="btnSubmit" runat="server" Text="Send" style="display:none;" />
And the below mentioned Jquery code is working perfectly for me.

Please check if you are providing correct id's in Jquery or not.
Anjali Khan8y ago
Ankit ,thanks for the update .its working
Ankit Sharma8y ago
Hi,

keep this in your header section
<script src="JS/jquery.min.1.7.js">script>
  <script src="JS/modernizr.2.5.3.min.js">script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js">script>

  <script>
      $(document).ready(function () {
          $('#TreeView1').on('click', function (e) {
              e.preventDefault();
              $('#btnSubmit').show();
          });
      });
  script>
Anjali Khan8y ago
Hi ankit

need to keep any jquery file
Anjali Khan8y ago
ok.

i am giving tree node on cs page like the below code

TreeView1.Nodes.Add(new TreeNode("CEO", "CEO"));
TreeView1.Nodes[0].ChildNodes.Add(new TreeNode("PA to CEO(CEO)", "PA to CEO(CEO)"));
TreeView1.Nodes.Add(new TreeNode("Secretary(Secretary)", "Secretary(Secretary)"));
TreeView1.Nodes[1].ChildNodes.Add(new TreeNode("PA to Secretary(Secretary)", "PA to Secretary(Secretary)"));
TreeView1.Nodes.Add(new TreeNode("Dy.Chief Engineer 1(ED)", "Dy.Chief Engineer 1(ED)"));
TreeView1.Nodes[2].ChildNodes.Add(new TreeNode("Clerk (Dy. CE)(ED)", "Clerk (Dy. CE)(ED)"));
and gave same jquery but button is not display
Anjali Khan8y ago
hi ankit

thanks for the update

but if i click on node dutton is not display
Ankit Sharma8y ago
Hi Anjali,

Please try this Jquery code and let me know in cas of any issues
$('#TreeView1').on('click', function (e) {
    e.preventDefault();
    $('#btnSubmit').show();
});