<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...
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)