Using the jQuery BlockUI Plug-In with a TreeView Control
Hello All,
When I click anywhere in the colored areas (see attached image/screen-shot), the $.blockUI method is fired, and really if I click anywhere that's on the horizontal plain of the TreeNode item, on either side of it, it fires the $.blockUI method. I need the $.blockUI method to be fired ONLY when the actual TreeNode itself has been clicked. This TreeView is built dynamically, so I'll never know what or how many TreeNodes will exist. I thought I had this all worked out, but I accidentally clicked the mouse-button and the cursor was next to the TreeNode, and it displayed the message I have for informing the user that the page is busy. But unless the actual Node is clicked, no processing ever starts. When I click the Node itself, everything works beautifully. I couldn't be happier with the jQuery BlockUI Plug-In, it's absolutely what I've been looking for. But shortly after I implemented it, I realized this issue, and if I can't figure out how to get around this, or what the solution is, it'll be completely unusable. If I click below the TreeNodes, nothing fires, it’s just when it’s in-line with a TreeNode, either before or after the text, it fires the $.blockUI method. Any and ALL help will be greatly appreciated. I have attached/uploaded a couple of documents, one a screen-shot of my test web-page, another has the code that I'm using, and one other note, I'm using VS 2010. Any additional information should be in the documents I've attached/uploaded.
Thank you