Click here to Skip to main content
15,888,351 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
HTML
<div id="divtarget1" oncontextmenu="return false;">HyperLink</div>
<a id="divtarget" >HyperLink</a>
<label for="myalue" style="vertical-align: middle" id="lblID"></label>
<label style="vertical-align:  middle" id="idPanel"></label>

Menu:

<div id="target" oncontextmenu="return false;">Target</div>
  <a id="my-link" href="javascript:;">[Add New Condition]</a>

<ul id="context-menu">
    <li id="Item1">Company Name
       <ul>
           <li>CompanyId</li>
       </ul>
    </li>
    <li id="Item2">Employee Name
        <ul>
           <li>EmployeeId</li>
       </ul>
    </li>
    <li id="Item3">Job Name
        <ul>
           <li>JobDesc</li>
       </ul>
    </li>
    <li id="Item4">Currency
        <ul>
           <li>Description</li>
       </ul>
    </li>
</ul>


Jquery:
<script>
    var arrItem = [];
    var root;

    var intCount = 0;
    var items = new Array();

    var sel = 'Select'
    var start = 'starts with'
    var and = 'and'
   
    $(document).ready(function () {
        var myContextMenu = $("#context-menu").kendoContextMenu({
            target: "#target",
            activate: function (e) {
               
                root = $(e.item).children(".k-link").text();
                
            },
            select: function (e) {
                
                items[intCount] = $(e.item).children(".k-link").text();
                intCount = intCount + 1;

                for (var i = 0; i < items.length; i++) {
                    var str1 = '';
                    str1 = items[i];
                   

                    var txtBox = '@(Html.Kendo().TextBox()
                                .Name("txtRequestNo")
                                .HtmlAttributes(new {@class = "k-textBoxStyle", id = "txtRequestNo" })
                                )'
                     
                }

                $('#lblID').append('<ul data-role="listview" style="list-style: none;"><li>' + sel + ' ' + '<a href="#" class="link-articles"  id = ' + i + '  onclick = "return StartWith(this)" oncontextmenu="return false;">' + root + '.' + str1 + ' </a>' + ' <a href="#" class="link-articles">'
                    + start + ' ' + ' ' + txtBox + '</a>' + and + ' </p></li></ul>');
                sel = '';
               
            }
        }).data("kendoContextMenu");

        $("#my-link").click(function (e) {
            myContextMenu.open();
        });

    });
    var id1;

    function StartWith(a) {
        
         id1 = '#' + a.id;
        
        debugger;
            var myContextMenu = $("#context-menu").kendoContextMenu({
               
                target: id1,
                activate: function (e) {
                    
                    root = $(e.item).children(".k-link").text();
                   
                },
                select: function (e) {
                    
                    items[intCount] = $(e.item).children(".k-link").text();
                    intCount = intCount + 1;

                    for (var i = 0; i < items.length; i++) {
                        var str1 = '';
                        str1 = items[i];
                        var txtBox = '<input type="textbox"  value="' + items[i] + ' ">'
                    }
                    alert('as')

                    $('#lblID').html( sel + ' ' + '<a href="#" class="link-articles" onclick = "return StartWith()" oncontextmenu="return false;">' + root + '.'
                        + str1 + ' </a>' + ' <a href="#" class="link-articles">' + start + ' ' + ' ' + txtBox + '</a>' + and + ' </p>');
                    sel = '';
                }
            }).data("kendoContextMenu");

            $("#idHLink").click(function (e) {
                myContextMenu.open();
            });

        //});
    }
</script>

Example Link : http://demo.easyquerybuilder.com/asp-net-mvc/

like this functionalities  i need...
Posted

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900